← All Tools
🌈
CSS Gradient Generator
Color 1
#3b82f6
Color 2
#8b5cf6
Type
Linear
Radial
Direction
→ Right
← Left
↓ Down
↑ Up
↘ Diagonal
135°
45°
linear-gradient(to right, #3b82f6, #8b5cf6)
Copy CSS