CSS Gradient Generator
Create beautiful CSS gradients with a visual editor. Copy the CSS or Tailwind code.
0%
100%
CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Tailwind (approx)
bg-gradient-to-r from-[#6366f1] to-[#ec4899]
Create beautiful CSS gradients with a visual editor. Copy the CSS or Tailwind code.
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
bg-gradient-to-r from-[#6366f1] to-[#ec4899]