CSS Gradient Generator

Build beautiful CSS gradients visually. Copy ready-to-use CSS.

Type

Angle: 135°

Color Stops

0%

50%

100%

CSS Output

background: linear-gradient(135deg, #7c3aed 0%, #d946ef 50%, #0ea5e9 100%);