/* https://grabient.com/_gIagJDgH1gJtgIjgL4gDFgDZgFrhBdgAAggu?style=angularGradient&steps=5&angle=135 */
background: conic-gradient(from 135deg, #c4ffff 0.000deg, #95ffcd 90.000deg, #64ff61 180.000deg, #37dc00 270.000deg, #12b000 360.000deg);
<svg width="800" height="400" viewBox="0 0 800 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- https://grabient.com/_gIagJDgH1gJtgIjgL4gDFgDZgFrhBdgAAggu?style=angularGradient&steps=5&angle=135 -->
<g clip-path="url(#paint0_angular_clip_path)" data-figma-skip-parse="true"><path d="M 400,200 L 717.64,517.64 A 449.21,449.21 0 0 1 700.58,533.83 Z" fill="#c4ffff"/><path d="M 400,200 L 703.48,531.20 A 449.21,449.21 0 0 1 685.73,546.62 Z" fill="#c3fffe"/><path d="M 400,200 L 688.75,544.12 A 449.21,449.21 0 0 1 670.34,558.76 Z" fill="#c1fffc"/><path d="M 400,200 L 673.46,556.39 A 449.21,449.21 0 0 1 654.44,570.21 Z" fill="#c0fffb"/><path d="M 400,200 L 657.66,567.97 A 449.21,449.21 0 0 1 638.05,580.95 Z" fill="#bffff9"/><path d="M 400,200 L 641.36,578.86 A 449.21,449.21 0 0 1 621.20,590.98 Z" fill="#bdfff8"/><path d="M 400,200 L 624.61,589.03 A 449.21,449.21 0 0 1 603.94,600.25 Z" fill="#bcfff7"/><path d="M 400,200 L 607.42,598.46 A 449.21,449.21 0 0 1 586.29,608.77 Z" fill="#bbfff5"/><path d="M 400,200 L 589.85,607.13 A 449.21,449.21 0 0 1 568.28,616.50 Z" fill="#bafff4"/><path d="M 400,200 L 571.91,615.02 A 449.21,449.21 0 0 1 549.95,623.45 Z" fill="#b8fff3"/><path d="M 400,200 L 553.64,622.12 A 449.21,449.21 0 0 1 531.34,629.59 Z" fill="#b7fff1"/><path d="M 400,200 L 535.08,628.42 A 449.21,449.21 0 0 1 512.47,634.91 Z" fill="#b6fff0"/><path d="M 400,200 L 516.27,633.91 A 449.21,449.21 0 0 1 493.40,639.40 Z" fill="#b4ffee"/><path d="M 400,200 L 497.23,638.57 A 449.21,449.21 0 0 1 474.14,643.05 Z" fill="#b3ffed"/><path d="M 400,200 L 478.01,642.39 A 449.21,449.21 0 0 1 454.75,645.87 Z" fill="#b2ffec"/><path d="M 400,200 L 458.63,645.37 A 449.21,449.21 0 0 1 435.24,647.83 Z" fill="#b0ffea"/><path d="M 400,200 L 439.15,647.50 A 449.21,449.21 0 0 1 415.68,648.94 Z" fill="#afffe9"/><path d="M 400,200 L 419.59,648.79 A 449.21,449.21 0 0 1 396.08,649.20 Z" fill="#aeffe7"/><path d="M 400,200 L 400.00,649.21 A 449.21,449.21 0 0 1 376.49,648.60 Z" fill="#adffe6"/><path d="M 400,200 L 380.41,648.79 A 449.21,449.21 0 0 1 356.94,647.15 Z" fill="#abffe5"/><path d="M 400,200 L 360.85,647.50 A 449.21,449.21 0 0 1 337.48,644.84 Z" fill="#aaffe3"/><path d="M 400,200 L 341.37,645.37 A 449.21,449.21 0 0 1 318.14,641.69 Z" fill="#a9ffe2"/><path d="M 400,200 L 321.99,642.39 A 449.21,449.21 0 0 1 298.95,637.70 Z" fill="#a7ffe0"/><path d="M 400,200 L 302.77,638.57 A 449.21,449.21 0 0 1 279.95,632.88 Z" fill="#a6ffdf"/><path d="M 400,200 L 283.73,633.91 A 449.21,449.21 0 0 1 261.19,627.23 Z" fill="#a5ffde"/><path d="M 400,200 L 264.92,628.42 A 449.21,449.21 0 0 1 242.68,620.77 Z" fill="#a3ffdc"/><path d="M 400,200 L 246.36,622.12 A 449.21,449.21 0 0 1 224.48,613.50 Z" fill="#a2ffdb"/><path d="M 400,200 L 228.09,615.02 A 449.21,449.21 0 0 1 206.61,605.45 Z" fill="#a1ffda"/><path d="M 400,200 L 210.15,607.13 A 449.21,449.21 0 0 1 189.11,596.63 Z" fill="#9fffd8"/><path d="M 400,200 L 192.58,598.46 A 449.21,449.21 0 0 1 172.01,587.06 Z" fill="#9effd7"/><path d="M 400,200 L 175.39,589.03 A 449.21,449.21 0 0 1 155.34,576.74 Z" fill="#9dffd5"/><path d="M 400,200 L 158.64,578.86 A 449.21,449.21 0 0 1 139.14,565.71 Z" fill="#9cffd4"/><path d="M 400,200 L 142.34,567.97 A 449.21,449.21 0 0 1 123.44,553.99 Z" fill="#9affd3"/><path d="M 400,200 L 126.54,556.39 A 449.21,449.21 0 0 1 108.26,541.58 Z" fill="#99ffd1"/><path d="M 400,200 L 111.25,544.12 A 449.21,449.21 0 0 1 93.64,528.53 Z" fill="#98ffd0"/><path d="M 400,200 L 96.52,531.20 A 449.21,449.21 0 0 1 79.60,514.86 Z" fill="#96ffce"/><path d="M 400,200 L 82.36,517.64 A 449.21,449.21 0 0 1 66.17,500.58 Z" fill="#95ffcd"/><path d="M 400,200 L 68.80,503.48 A 449.21,449.21 0 0 1 53.38,485.73 Z" fill="#94ffca"/><path d="M 400,200 L 55.88,488.75 A 449.21,449.21 0 0 1 41.24,470.34 Z" fill="#92ffc7"/><path d="M 400,200 L 43.61,473.46 A 449.21,449.21 0 0 1 29.79,454.44 Z" fill="#91ffc4"/><path d="M 400,200 L 32.03,457.66 A 449.21,449.21 0 0 1 19.05,438.05 Z" fill="#90ffc1"/><path d="M 400,200 L 21.14,441.36 A 449.21,449.21 0 0 1 9.02,421.20 Z" fill="#8effbe"/><path d="M 400,200 L 10.97,424.61 A 449.21,449.21 0 0 1 -0.25,403.94 Z" fill="#8dffbb"/><path d="M 400,200 L 1.54,407.42 A 449.21,449.21 0 0 1 -8.77,386.29 Z" fill="#8bffb8"/><path d="M 400,200 L -7.13,389.85 A 449.21,449.21 0 0 1 -16.50,368.28 Z" fill="#8affb5"/><path d="M 400,200 L -15.02,371.91 A 449.21,449.21 0 0 1 -23.45,349.95 Z" fill="#89ffb2"/><path d="M 400,200 L -22.12,353.64 A 449.21,449.21 0 0 1 -29.59,331.34 Z" fill="#87ffaf"/><path d="M 400,200 L -28.42,335.08 A 449.21,449.21 0 0 1 -34.91,312.47 Z" fill="#86ffac"/><path d="M 400,200 L -33.91,316.27 A 449.21,449.21 0 0 1 -39.40,293.40 Z" fill="#85ffa9"/><path d="M 400,200 L -38.57,297.23 A 449.21,449.21 0 0 1 -43.05,274.14 Z" fill="#83ffa6"/><path d="M 400,200 L -42.39,278.01 A 449.21,449.21 0 0 1 -45.87,254.75 Z" fill="#82ffa3"/><path d="M 400,200 L -45.37,258.63 A 449.21,449.21 0 0 1 -47.83,235.24 Z" fill="#81ffa0"/><path d="M 400,200 L -47.50,239.15 A 449.21,449.21 0 0 1 -48.94,215.68 Z" fill="#7fff9d"/><path d="M 400,200 L -48.79,219.59 A 449.21,449.21 0 0 1 -49.20,196.08 Z" fill="#7eff9a"/><path d="M 400,200 L -49.21,200.00 A 449.21,449.21 0 0 1 -48.60,176.49 Z" fill="#7dff97"/><path d="M 400,200 L -48.79,180.41 A 449.21,449.21 0 0 1 -47.15,156.94 Z" fill="#7bff94"/><path d="M 400,200 L -47.50,160.85 A 449.21,449.21 0 0 1 -44.84,137.48 Z" fill="#7aff91"/><path d="M 400,200 L -45.37,141.37 A 449.21,449.21 0 0 1 -41.69,118.14 Z" fill="#78ff8e"/><path d="M 400,200 L -42.39,121.99 A 449.21,449.21 0 0 1 -37.70,98.95 Z" fill="#77ff8b"/><path d="M 400,200 L -38.57,102.77 A 449.21,449.21 0 0 1 -32.88,79.95 Z" fill="#76ff88"/><path d="M 400,200 L -33.91,83.73 A 449.21,449.21 0 0 1 -27.23,61.19 Z" fill="#74ff85"/><path d="M 400,200 L -28.42,64.92 A 449.21,449.21 0 0 1 -20.77,42.68 Z" fill="#73ff82"/><path d="M 400,200 L -22.12,46.36 A 449.21,449.21 0 0 1 -13.50,24.48 Z" fill="#72ff7f"/><path d="M 400,200 L -15.02,28.09 A 449.21,449.21 0 0 1 -5.45,6.61 Z" fill="#70ff7c"/><path d="M 400,200 L -7.13,10.15 A 449.21,449.21 0 0 1 3.37,-10.89 Z" fill="#6fff79"/><path d="M 400,200 L 1.54,-7.42 A 449.21,449.21 0 0 1 12.94,-27.99 Z" fill="#6eff76"/><path d="M 400,200 L 10.97,-24.61 A 449.21,449.21 0 0 1 23.26,-44.66 Z" fill="#6cff73"/><path d="M 400,200 L 21.14,-41.36 A 449.21,449.21 0 0 1 34.29,-60.86 Z" fill="#6bff70"/><path d="M 400,200 L 32.03,-57.66 A 449.21,449.21 0 0 1 46.01,-76.56 Z" fill="#69ff6d"/><path d="M 400,200 L 43.61,-73.46 A 449.21,449.21 0 0 1 58.42,-91.74 Z" fill="#68ff6a"/><path d="M 400,200 L 55.88,-88.75 A 449.21,449.21 0 0 1 71.47,-106.36 Z" fill="#67ff67"/><path d="M 400,200 L 68.80,-103.48 A 449.21,449.21 0 0 1 85.14,-120.40 Z" fill="#65ff64"/><path d="M 400,200 L 82.36,-117.64 A 449.21,449.21 0 0 1 99.42,-133.83 Z" fill="#64ff61"/><path d="M 400,200 L 96.52,-131.20 A 449.21,449.21 0 0 1 114.27,-146.62 Z" fill="#63fe5e"/><path d="M 400,200 L 111.25,-144.12 A 449.21,449.21 0 0 1 129.66,-158.76 Z" fill="#62fd5c"/><path d="M 400,200 L 126.54,-156.39 A 449.21,449.21 0 0 1 145.56,-170.21 Z" fill="#60fc59"/><path d="M 400,200 L 142.34,-167.97 A 449.21,449.21 0 0 1 161.95,-180.95 Z" fill="#5ffb56"/><path d="M 400,200 L 158.64,-178.86 A 449.21,449.21 0 0 1 178.80,-190.98 Z" fill="#5efa54"/><path d="M 400,200 L 175.39,-189.03 A 449.21,449.21 0 0 1 196.06,-200.25 Z" fill="#5df951"/><path d="M 400,200 L 192.58,-198.46 A 449.21,449.21 0 0 1 213.71,-208.77 Z" fill="#5bf84e"/><path d="M 400,200 L 210.15,-207.13 A 449.21,449.21 0 0 1 231.72,-216.50 Z" fill="#5af74b"/><path d="M 400,200 L 228.09,-215.02 A 449.21,449.21 0 0 1 250.05,-223.45 Z" fill="#59f649"/><path d="M 400,200 L 246.36,-222.12 A 449.21,449.21 0 0 1 268.66,-229.59 Z" fill="#58f546"/><path d="M 400,200 L 264.92,-228.42 A 449.21,449.21 0 0 1 287.53,-234.91 Z" fill="#56f443"/><path d="M 400,200 L 283.73,-233.91 A 449.21,449.21 0 0 1 306.60,-239.40 Z" fill="#55f341"/><path d="M 400,200 L 302.77,-238.57 A 449.21,449.21 0 0 1 325.86,-243.05 Z" fill="#54f23e"/><path d="M 400,200 L 321.99,-242.39 A 449.21,449.21 0 0 1 345.25,-245.87 Z" fill="#53f13b"/><path d="M 400,200 L 341.37,-245.37 A 449.21,449.21 0 0 1 364.76,-247.83 Z" fill="#51f039"/><path d="M 400,200 L 360.85,-247.50 A 449.21,449.21 0 0 1 384.32,-248.94 Z" fill="#50ef36"/><path d="M 400,200 L 380.41,-248.79 A 449.21,449.21 0 0 1 403.92,-249.20 Z" fill="#4fee33"/><path d="M 400,200 L 400.00,-249.21 A 449.21,449.21 0 0 1 423.51,-248.60 Z" fill="#4eee31"/><path d="M 400,200 L 419.59,-248.79 A 449.21,449.21 0 0 1 443.06,-247.15 Z" fill="#4ced2e"/><path d="M 400,200 L 439.15,-247.50 A 449.21,449.21 0 0 1 462.52,-244.84 Z" fill="#4bec2b"/><path d="M 400,200 L 458.63,-245.37 A 449.21,449.21 0 0 1 481.86,-241.69 Z" fill="#4aeb28"/><path d="M 400,200 L 478.01,-242.39 A 449.21,449.21 0 0 1 501.05,-237.70 Z" fill="#49ea26"/><path d="M 400,200 L 497.23,-238.57 A 449.21,449.21 0 0 1 520.05,-232.88 Z" fill="#47e923"/><path d="M 400,200 L 516.27,-233.91 A 449.21,449.21 0 0 1 538.81,-227.23 Z" fill="#46e820"/><path d="M 400,200 L 535.08,-228.42 A 449.21,449.21 0 0 1 557.32,-220.77 Z" fill="#45e71e"/><path d="M 400,200 L 553.64,-222.12 A 449.21,449.21 0 0 1 575.52,-213.50 Z" fill="#44e61b"/><path d="M 400,200 L 571.91,-215.02 A 449.21,449.21 0 0 1 593.39,-205.45 Z" fill="#42e518"/><path d="M 400,200 L 589.85,-207.13 A 449.21,449.21 0 0 1 610.89,-196.63 Z" fill="#41e416"/><path d="M 400,200 L 607.42,-198.46 A 449.21,449.21 0 0 1 627.99,-187.06 Z" fill="#40e313"/><path d="M 400,200 L 624.61,-189.03 A 449.21,449.21 0 0 1 644.66,-176.74 Z" fill="#3fe210"/><path d="M 400,200 L 641.36,-178.86 A 449.21,449.21 0 0 1 660.86,-165.71 Z" fill="#3de10d"/><path d="M 400,200 L 657.66,-167.97 A 449.21,449.21 0 0 1 676.56,-153.99 Z" fill="#3ce00b"/><path d="M 400,200 L 673.46,-156.39 A 449.21,449.21 0 0 1 691.74,-141.58 Z" fill="#3bdf08"/><path d="M 400,200 L 688.75,-144.12 A 449.21,449.21 0 0 1 706.36,-128.53 Z" fill="#3ade05"/><path d="M 400,200 L 703.48,-131.20 A 449.21,449.21 0 0 1 720.40,-114.86 Z" fill="#38dd03"/><path d="M 400,200 L 717.64,-117.64 A 449.21,449.21 0 0 1 733.83,-100.58 Z" fill="#37dc00"/><path d="M 400,200 L 731.20,-103.48 A 449.21,449.21 0 0 1 746.62,-85.73 Z" fill="#36db00"/><path d="M 400,200 L 744.12,-88.75 A 449.21,449.21 0 0 1 758.76,-70.34 Z" fill="#35da00"/><path d="M 400,200 L 756.39,-73.46 A 449.21,449.21 0 0 1 770.21,-54.44 Z" fill="#34d800"/><path d="M 400,200 L 767.97,-57.66 A 449.21,449.21 0 0 1 780.95,-38.05 Z" fill="#33d700"/><path d="M 400,200 L 778.86,-41.36 A 449.21,449.21 0 0 1 790.98,-21.20 Z" fill="#32d600"/><path d="M 400,200 L 789.03,-24.61 A 449.21,449.21 0 0 1 800.25,-3.94 Z" fill="#31d500"/><path d="M 400,200 L 798.46,-7.42 A 449.21,449.21 0 0 1 808.77,13.71 Z" fill="#30d300"/><path d="M 400,200 L 807.13,10.15 A 449.21,449.21 0 0 1 816.50,31.72 Z" fill="#2fd200"/><path d="M 400,200 L 815.02,28.09 A 449.21,449.21 0 0 1 823.45,50.05 Z" fill="#2ed100"/><path d="M 400,200 L 822.12,46.36 A 449.21,449.21 0 0 1 829.59,68.66 Z" fill="#2dd000"/><path d="M 400,200 L 828.42,64.92 A 449.21,449.21 0 0 1 834.91,87.53 Z" fill="#2ccf00"/><path d="M 400,200 L 833.91,83.73 A 449.21,449.21 0 0 1 839.40,106.60 Z" fill="#2bcd00"/><path d="M 400,200 L 838.57,102.77 A 449.21,449.21 0 0 1 843.05,125.86 Z" fill="#2acc00"/><path d="M 400,200 L 842.39,121.99 A 449.21,449.21 0 0 1 845.87,145.25 Z" fill="#29cb00"/><path d="M 400,200 L 845.37,141.37 A 449.21,449.21 0 0 1 847.83,164.76 Z" fill="#28ca00"/><path d="M 400,200 L 847.50,160.85 A 449.21,449.21 0 0 1 848.94,184.32 Z" fill="#27c800"/><path d="M 400,200 L 848.79,180.41 A 449.21,449.21 0 0 1 849.20,203.92 Z" fill="#26c700"/><path d="M 400,200 L 849.21,200.00 A 449.21,449.21 0 0 1 848.60,223.51 Z" fill="#25c600"/><path d="M 400,200 L 848.79,219.59 A 449.21,449.21 0 0 1 847.15,243.06 Z" fill="#23c500"/><path d="M 400,200 L 847.50,239.15 A 449.21,449.21 0 0 1 844.84,262.52 Z" fill="#22c400"/><path d="M 400,200 L 845.37,258.63 A 449.21,449.21 0 0 1 841.69,281.86 Z" fill="#21c200"/><path d="M 400,200 L 842.39,278.01 A 449.21,449.21 0 0 1 837.70,301.05 Z" fill="#20c100"/><path d="M 400,200 L 838.57,297.23 A 449.21,449.21 0 0 1 832.88,320.05 Z" fill="#1fc000"/><path d="M 400,200 L 833.91,316.27 A 449.21,449.21 0 0 1 827.23,338.81 Z" fill="#1ebf00"/><path d="M 400,200 L 828.42,335.08 A 449.21,449.21 0 0 1 820.77,357.32 Z" fill="#1dbd00"/><path d="M 400,200 L 822.12,353.64 A 449.21,449.21 0 0 1 813.50,375.52 Z" fill="#1cbc00"/><path d="M 400,200 L 815.02,371.91 A 449.21,449.21 0 0 1 805.45,393.39 Z" fill="#1bbb00"/><path d="M 400,200 L 807.13,389.85 A 449.21,449.21 0 0 1 796.63,410.89 Z" fill="#1aba00"/><path d="M 400,200 L 798.46,407.42 A 449.21,449.21 0 0 1 787.06,427.99 Z" fill="#19b900"/><path d="M 400,200 L 789.03,424.61 A 449.21,449.21 0 0 1 776.74,444.66 Z" fill="#18b700"/><path d="M 400,200 L 778.86,441.36 A 449.21,449.21 0 0 1 765.71,460.86 Z" fill="#17b600"/><path d="M 400,200 L 767.97,457.66 A 449.21,449.21 0 0 1 753.99,476.56 Z" fill="#16b500"/><path d="M 400,200 L 756.39,473.46 A 449.21,449.21 0 0 1 741.58,491.74 Z" fill="#15b400"/><path d="M 400,200 L 744.12,488.75 A 449.21,449.21 0 0 1 728.53,506.36 Z" fill="#14b200"/><path d="M 400,200 L 731.20,503.48 A 449.21,449.21 0 0 1 714.86,520.40 Z" fill="#13b100"/></g><path d="M800 0H0V400H800V0Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.7686274509803922,"g":1,"b":1,"a":1},"position":0},{"color":{"r":0.5843137254901961,"g":1,"b":0.803921568627451,"a":1},"position":0.25},{"color":{"r":0.39215686274509803,"g":1,"b":0.3803921568627451,"a":1},"position":0.5},{"color":{"r":0.21568627450980393,"g":0.8627450980392157,"b":0,"a":1},"position":0.75},{"color":{"r":0.07058823529411765,"g":0.6901960784313725,"b":0,"a":1},"position":1}],"stopsVar":[{"color":{"r":0.7686274509803922,"g":1,"b":1,"a":1},"position":0},{"color":{"r":0.5843137254901961,"g":1,"b":0.803921568627451,"a":1},"position":0.25},{"color":{"r":0.39215686274509803,"g":1,"b":0.3803921568627451,"a":1},"position":0.5},{"color":{"r":0.21568627450980393,"g":0.8627450980392157,"b":0,"a":1},"position":0.75},{"color":{"r":0.07058823529411765,"g":0.6901960784313725,"b":0,"a":1},"position":1}],"transform":{"m00":565.685425,"m01":-565.685425,"m02":400.000000,"m10":565.685425,"m11":565.685425,"m12":-365.685425},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
<defs>
<clipPath id="paint0_angular_clip_path"><path d="M800 0H0V400H800V0Z"/></clipPath>
</defs>
</svg>
["#c4ffff", "#95ffcd", "#64ff61", "#37dc00", "#12b000"]
// https://grabient.com/_gIagJDgH1gJtgIjgL4gDFgDZgFrhBdgAAggu?style=angularGradient&steps=5&angle=135
// cosine gradient palette — https://iquilezles.org/articles/palettes/
const float STEPS = 5.0;
const float ANGLE = 135.0;
vec3 palette(float t) {
vec3 a = vec3(0.538, 0.579, 0.501);
vec3 b = vec3(0.621, 0.547, 0.760);
vec3 c = vec3(0.197, 0.217, 0.363);
vec3 d = vec3(4.189, 0.000, 2.094);
return a + b * cos(6.283185 * (c * t + d));
}
// N stops sampled from the palette, blended like the CSS gradient
vec3 stops(float t) {
float n = STEPS - 1.0;
float x = clamp(t, 0.0, 1.0) * n;
return mix(palette(floor(x) / n), palette(min(floor(x) + 1.0, n) / n), fract(x));
}
void mainImage(out vec4 fragColor, in vec2 fragCoord) {
vec2 p = fragCoord - 0.5 * iResolution.xy;
// conic from ANGLE, clockwise from top (CSS convention)
float t = fract((atan(p.x, p.y) - radians(ANGLE)) / 6.283185);
fragColor = vec4(stops(t), 1.0);
}
[
[0.538, 0.579, 0.501],
[0.621, 0.547, 0.760],
[0.197, 0.217, 0.363],
[4.189, 0.000, 2.094]
]