CSS Gradient Generator
Build a gradient visually and copy the CSS.
● Your files are processed locally in your browser and are not uploaded to our servers.
How it works
Pick a gradient type, adjust the angle and add as many color stops as you like, each with its own position. The CSS includes a solid background-color fallback.
FAQ
Do gradients need vendor prefixes?
No, all modern browsers support unprefixed linear, radial and conic gradients.