CSS Gradient Generator
Build linear and radial gradients from two colors. Adjust the angle, preview live, and copy the CSS.
Color 1
Color 2
Gradient type
90°
CSS
background: linear-gradient(90deg, #3a7bd5, #00d2ff);Build linear and radial gradients from two colors. Adjust the angle, preview live, and copy the CSS.
background: linear-gradient(90deg, #3a7bd5, #00d2ff);