Free CSS Generators Tools
Gradient Generator
Gradient Options
Gradient Type
Linear
Radial
Angle (degrees)
90°
Color Stops
Add Color
Color 1
Position
0%
Color 2
Position
100%
Copy
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
background: -webkit-linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
background: -moz-linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
Tailwind CSS
Copy
bg-[linear-gradient(90deg,#3b82f6_0%,#8b5cf6_100%)]