Gradient Generator

Create CSS gradients visually. Pick a type (linear, radial, conic), adjust the angle, add up to 6 color stops, and copy the CSS. Hit Randomize for inspiration.

135°

Color Stops

#667EEA at 0%

#764BA2 at 100%

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);