Free Gradient Generator

<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="blur-filter" x="-50%" y="-50%" width="200%" height="200%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015" 
        numOctaves="4" 
        seed="1"
        result="noise"
      >
      </feTurbulence>
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="noise" 
        scale="100" 
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
      <feGaussianBlur stdDeviation="40" />
    </filter>
    <linearGradient id="gradient" x1="85.35533905932738%" y1="14.644660940672622%" x2="14.64466094067263%" y2="85.35533905932738%">
        <stop offset="0%" stop-color="#20c9a9" />
        <stop offset="50%" stop-color="#7c3aed" />
        <stop offset="100%" stop-color="#f472b6" />
      </linearGradient>
  </defs>
  <rect width="100%" height="100%" fill="url(#gradient)" filter="url(#blur-filter)" />

</svg>

.gradient-bg {
  background: linear-gradient(135deg, #20c9a9 0%, #7c3aed 50%, #f472b6 100%);
  filter: blur(40px);
  transform: scale(1.2);
}

.gradient-container {
  overflow: hidden;
  position: relative;
  aspect-ratio: 800 / 600;
}