Create beautiful CSS gradients with a visual editor and live preview.
Preview
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
bg-gradient-to-r from-[#6366f1] to-[#ec4899]
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<linearGradient id="g" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#6366f1" />
<stop offset="100%" stop-color="#ec4899" />
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#g)" />
</svg>