Developer Tools ›
CSS Gradient Generator
Build linear or radial CSS gradients with a live preview. Two color stops, custom angle, and one-click copy.
Private - runs in your browser
No signup required
Free forever
How to use CSS Gradient Generator
- Pick gradient type, two colors, and angle.
- See the live preview.
- Copy the CSS code.
Features
- Linear & radial
- Live preview
- Custom angle
Why use it
- Beautiful backgrounds in seconds
- No graphic editor required
Frequently asked questions
Can I add more color stops?
For now, two stops. We may extend to multi-stop in a future release.