Gradient Generator
Create beautiful linear and radial gradients instantly. Customize colors, angle, and export CSS code.
Gradient Type
Angle
Direction
Quick Presets
Color Presets
GRADIENT SETTINGS
Color Stops
Gradient Style
3. HARMONY RULE
Output Format
CSS CODE
background: linear-gradient(90deg, #3B82F6 0%, #F97316 50%, #22C55E 100%);
Preview Type