CSS gradients

Build linear, radial and conic gradients with a live preview and copy the CSS or Tailwind class.

Processed in your browser · Check it yourself Nothing sentData sent: 0 · To other domains: 0Analytics: not present · Ads: not present

Angle: 135°

Color stops

CSS

background: #6366f1; /* fallback */
background-image: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Tailwind

bg-[linear-gradient(135deg,#6366f1_0%,#ec4899_100%)]