CSS Gradient Generator

Create beautiful CSS gradients with a visual editor. Linear, radial, and conic gradients with color stops, presets, and instant CSS output.

Type

Angle: 135deg

Presets

Color Stops (3)

50%

100%

CSS Code

background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);