Browse Tools
Gradient Generator
Create beautiful CSS gradients
Color 1
Color 2
Direction
To Right →
To Left ←
To Bottom ↓
To Top ↑
To Bottom Right ↘
To Bottom Left ↙
To Top Right ↗
To Top Left ↖
CSS Code
Copy
background: linear-gradient(to right, #3b82f6, #8b5cf6);