Developer tools

Gradient Generator

Build linear or radial CSS gradients, preview them live, and copy the code into your stylesheet or Tailwind class.

Colour AColour B

Angle (135°)

CSS

background: linear-gradient(135deg, #1e5c3a, #d22b2b);

Tailwind arbitrary

bg-[linear-gradient(135deg,#1e5c3a,#d22b2b)]