CSS Gradient Builder
Create linear and radial CSS gradients with live preview. Add color stops, change angles, and export the CSS code.
Presets
Color stops (2)
#1
0%
#2
100%
Generated CSS code
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Code with browser prefixes
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: -moz-linear-gradient(135deg, #667eea 0%, #764ba2 100%);