Create beautiful CSS gradients by selecting colors and adjusting the angle. Preview your gradient in real-time and copy the generated CSS code with one click.
Color 1
Color 2
Angle: 45°
background: linear-gradient(45deg, #ff0000, #0000ff);
Sunset
Ocean
Forest
Purple Haze
Flame
Cool Blue
Sunrise
Peach
Aqua
Lavender
Mint
Sky
Blush
Tropical
Sunshine