CSS Gradient Generator
Gradient Type:
Linear
Radial
Direction:
→ to right
↓ to bottom
↘ diagonal
← to left
↑ to top
Color 1:
Color 2:
Color 3:
Add third color
CSS Code:
Copy CSS