CSS Gradient Generator
Create beautiful CSS gradients with live preview and export CSS code
Preview
Gradient Settings
%
%
CSS Code
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);Tips:
- • Add multiple color stops for complex gradients
- • Adjust position percentages to control color transitions
- • Use radial gradients for spotlight effects
- • Linear gradients work great for backgrounds and buttons