🌈

CSS Gradient Generator

Create beautiful gradients with CSS output

Preview

Presets

Gradient Type

Angle: 90°

Color Stops

0%

50%

100%

CSS Output

CSS

background: linear-gradient(90deg, #ff1493 0%, #7c3aed 50%, #06b6d4 100%);

Tailwind / React

style={{ background: 'linear-gradient(90deg, #ff1493 0%, #7c3aed 50%, #06b6d4 100%)' }}