What CSS gradients are supported?▼
This tool generates linear and radial gradients with up to 6 color stops. You can set custom angles for linear gradients and positions for each color stop.
How do I use the generated CSS?▼
Click 'Copy CSS' and paste the background property into your stylesheet. It works in all modern browsers without vendor prefixes.
Can I add more than 2 colors?▼
Yes! Click 'Add Stop' to add up to 6 color stops. You can set the position (%) of each stop along the gradient.
What are CSS gradient presets?▼
Presets are curated gradient combinations that look great. Click any preset to load it, then customize colors and angles to your liking.