How to use the CSS Gradient Generator
- Choose two colors.
- Adjust the angle.
- Copy the CSS.
Frequently Asked Questions
Is the CSS standards-based?
Yes, it generates a normal linear-gradient declaration.
Does it require an API?
No.
Gradients that look polished
Gradients look best between two colours that are close in hue. Very different colours can create a muddy middle band.
Change the angle to guide the eye: 135 degrees gives a diagonal feel, and 180 degrees gives a top-to-bottom fade. Keep text readable over every part of the gradient.