Gradient Generator
Build linear or radial gradient backgrounds with two color stops and a live preview.
Gradient
135°
0%
100%
Preview
Live preview of the CSS you are building. Adjust the controls to see changes instantly.
Code
Copy the declaration into your stylesheet or inline style attribute.
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);