Gradient Generator
Create linear & radial gradients. Live CSS, history, PNG export.
Preview
Mode
Angle (degrees)
Gradient Stops
Tip: Right-click a saved swatch to remove it. You can export gradients as JSON or download PNG.
History
Live CSS
Preview sizes
CSS Preview
CSS (background)
background: ...
CSS (prefixed)
background: ...
Export area
