Free Tool · No Signup
CSS Gradient
Generator
Pick 2–4 colors, choose linear, radial, or conic — get production-ready CSS instantly. 15 curated presets to spark ideas, one-click copy to ship it.
Gradient Type
Angle
135°
Color Stops
CSS Output
Presets
Learn more
Also free
New tools, first.
We're shipping more free design utilities. Drop your email and we'll tell you when something new lands.
You're on the list ✓
Let Forma build your whole page
Forma's AI design engine generates full landing pages with custom gradients, brand palettes, and typography baked in — one prompt away.