CSS Gradient Generator
Create beautiful CSS gradients with ease
Custom Gradient
Pre-made Gradients
Gradient Type
Angle
90°
0%
Remove
100%
Remove
Add Color Stop
CSS Code
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%); background: -webkit-linear-gradient(90deg, #ff0000 0%, #0000ff 100%); background: -moz-linear-gradient(90deg, #ff0000 0%, #0000ff 100%); background: -o-linear-gradient(90deg, #ff0000 0%, #0000ff 100%);
Copy CSS