Gradient Forge
Craft gorgeous, accessible gradients for Tailwind & CSS.
Angle120°
Preview
Drag chips, tweak sliders ↑
Tailwind (arbitrary)
bg-[linear-gradient(120deg,_#7C3AED_0%,_#EC4899_55%,_#FDE047_100%)]
CSS
background: linear-gradient(120deg, #7C3AED 0%, #EC4899 55%, #FDE047 100%);
Linear Gradient
linear-gradient(120deg, #7C3AED 0%, #EC4899 55%, #FDE047 100%)