🎨 CSS Gradient Generator

Pick colors, choose direction, copy as CSS or Tailwind.

Angle: 135°

Type

CSS

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

Tailwind

bg-gradient-to-br from-[#667eea] to-[#764ba2]

Presets