SOURCE

<!-- <svg width=500px height=500px>
    <defs>
        <filter id="mohu" >
            <feGaussianBlur stdDeviation="5"/>
        </filter>
        <filter id="f1" x="0" y="0" width="200%" height="200%">
      <feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" />
      <feBlend in="SourceGraphic" in2="offOut" mode="normal" />
    </filter>
    <filter id="f2" x="0" y="0" width="200%" height="200%">
      <feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" />
      <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
      <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
    </filter>

    </defs>
    <circle cx="100px" cy="100px" r="50px" fill="gold" filter="url(#f2)"/>
</svg> -->
<svg width="500" height="500">
    <defs>
        
        <linearGradient id="zuoyou" x1="0%" y1="0%" x2="100%" y2="0%">
            <stop offset="0%" style="stop-color:red"/>
            <stop offset="16%" style="stop-color:orange"/>
            <stop offset="32%" style="stop-color:yellow"/>
            <stop offset="48%" style="stop-color:green"/>
            <stop offset="64%" style="stop-color:#40FF40"/>
            <stop offset="80%" style="stop-color:blue"/>
            <stop offset="100%" style="stop-color:purple"/>
        </linearGradient>
        <radialGradient id="yuan" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
            <stop offset="0%" style="stop-color:purple"/>
            <stop offset="16%" style="stop-color:blue"/>
            <stop offset="32%" style="stop-color:#40FF40"/>
            <stop offset="48%" style="stop-color:green"/>
            <stop offset="64%" style="stop-color:yellow"/>
             <stop offset="80%" style="stop-color:orange"/>
            <stop offset="100%" style="stop-color:red"/>
           
            
            
            
            
        </radialGradient>
    </defs>
    <ellipse cx="200" cy="100" rx="100" ry="50" fill="url(#yuan)"/>
</svg>