CSS Gradient Generator
Start Color:
End Color:
Direction:
Left → Right
Right → Left
Top → Bottom
Bottom → Top
Top Left → Bottom Right
Top Right → Bottom Left
Radial
background: linear-gradient(to right, #ff0000, #0000ff);
Copy CSS