Gradient Generator
Create beautiful CSS gradients with an intuitive interface. Supports linear and radial gradients with multiple color stops.
Presets
Start with a preset gradient
Settings
Customize your gradient
90°
%
%
Preview
Live preview of your gradient
Generated Code
Copy the code for your project
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);