مولّد التدرجات اللونية

المعاينة

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>