Gradient Generator

Create custom gradients with our intuitive generator. Adjust colors, angles, and positions to craft the perfect gradient for your project.

Preview

Controls

Angle: 90°

Colors (2)

#667eea

#764ba2

Generated Gradient

Click to copy

Custom Gradient

90° • 2 colors

CSS

Tailwind

NOTE: HEX value may differ from the default Tailwind color