CSS Gradient Generator
Pick stops, direction, and gradient type (linear, radial, conic). Live preview plus copy-ready CSS.
100% in your browser. Files never uploaded.
Stops
0%
100%
CSS
background: linear-gradient(135deg, #e11d48 0%, #7c3aed 100%);
How to use
- 1Pick gradient typeLinear, radial, or conic.
- 2Set the angle and stopsDrag stop sliders to position colors.
- 3Copy the CSSDrop straight into a stylesheet.