/* https://grabient.com/_gHngJtgLEgDPf-cf-Of6gf5yf0zgNHgKUgLY?style=angularGradient&steps=5&angle=315 */
background: conic-gradient(from 315deg, #98acb9 0.000deg, #7db6d0 90.000deg, #61b7c8 180.000deg, #4dafaa 270.000deg, #48a098 360.000deg);
<svg width="800" height="400" viewBox="0 0 800 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- https://grabient.com/_gHngJtgLEgDPf-cf-Of6gf5yf0zgNHgKUgLY?style=angularGradient&steps=5&angle=315 -->
<g clip-path="url(#paint0_angular_clip_path)" data-figma-skip-parse="true"><path d="M 400,200 L 82.36,-117.64 A 449.21,449.21 0 0 1 99.42,-133.83 Z" fill="#98acb9"/><path d="M 400,200 L 96.52,-131.20 A 449.21,449.21 0 0 1 114.27,-146.62 Z" fill="#97acba"/><path d="M 400,200 L 111.25,-144.12 A 449.21,449.21 0 0 1 129.66,-158.76 Z" fill="#97adba"/><path d="M 400,200 L 126.54,-156.39 A 449.21,449.21 0 0 1 145.56,-170.21 Z" fill="#96adbb"/><path d="M 400,200 L 142.34,-167.97 A 449.21,449.21 0 0 1 161.95,-180.95 Z" fill="#95adbc"/><path d="M 400,200 L 158.64,-178.86 A 449.21,449.21 0 0 1 178.80,-190.98 Z" fill="#94adbc"/><path d="M 400,200 L 175.39,-189.03 A 449.21,449.21 0 0 1 196.06,-200.25 Z" fill="#94aebd"/><path d="M 400,200 L 192.58,-198.46 A 449.21,449.21 0 0 1 213.71,-208.77 Z" fill="#93aebd"/><path d="M 400,200 L 210.15,-207.13 A 449.21,449.21 0 0 1 231.72,-216.50 Z" fill="#92aebe"/><path d="M 400,200 L 228.09,-215.02 A 449.21,449.21 0 0 1 250.05,-223.45 Z" fill="#91afbf"/><path d="M 400,200 L 246.36,-222.12 A 449.21,449.21 0 0 1 268.66,-229.59 Z" fill="#91afbf"/><path d="M 400,200 L 264.92,-228.42 A 449.21,449.21 0 0 1 287.53,-234.91 Z" fill="#90afc0"/><path d="M 400,200 L 283.73,-233.91 A 449.21,449.21 0 0 1 306.60,-239.40 Z" fill="#8fafc1"/><path d="M 400,200 L 302.77,-238.57 A 449.21,449.21 0 0 1 325.86,-243.05 Z" fill="#8eb0c1"/><path d="M 400,200 L 321.99,-242.39 A 449.21,449.21 0 0 1 345.25,-245.87 Z" fill="#8eb0c2"/><path d="M 400,200 L 341.37,-245.37 A 449.21,449.21 0 0 1 364.76,-247.83 Z" fill="#8db0c3"/><path d="M 400,200 L 360.85,-247.50 A 449.21,449.21 0 0 1 384.32,-248.94 Z" fill="#8cb0c3"/><path d="M 400,200 L 380.41,-248.79 A 449.21,449.21 0 0 1 403.92,-249.20 Z" fill="#8bb1c4"/><path d="M 400,200 L 400.00,-249.21 A 449.21,449.21 0 0 1 423.51,-248.60 Z" fill="#8bb1c5"/><path d="M 400,200 L 419.59,-248.79 A 449.21,449.21 0 0 1 443.06,-247.15 Z" fill="#8ab1c5"/><path d="M 400,200 L 439.15,-247.50 A 449.21,449.21 0 0 1 462.52,-244.84 Z" fill="#89b2c6"/><path d="M 400,200 L 458.63,-245.37 A 449.21,449.21 0 0 1 481.86,-241.69 Z" fill="#88b2c6"/><path d="M 400,200 L 478.01,-242.39 A 449.21,449.21 0 0 1 501.05,-237.70 Z" fill="#88b2c7"/><path d="M 400,200 L 497.23,-238.57 A 449.21,449.21 0 0 1 520.05,-232.88 Z" fill="#87b2c8"/><path d="M 400,200 L 516.27,-233.91 A 449.21,449.21 0 0 1 538.81,-227.23 Z" fill="#86b3c8"/><path d="M 400,200 L 535.08,-228.42 A 449.21,449.21 0 0 1 557.32,-220.77 Z" fill="#85b3c9"/><path d="M 400,200 L 553.64,-222.12 A 449.21,449.21 0 0 1 575.52,-213.50 Z" fill="#85b3ca"/><path d="M 400,200 L 571.91,-215.02 A 449.21,449.21 0 0 1 593.39,-205.45 Z" fill="#84b4ca"/><path d="M 400,200 L 589.85,-207.13 A 449.21,449.21 0 0 1 610.89,-196.63 Z" fill="#83b4cb"/><path d="M 400,200 L 607.42,-198.46 A 449.21,449.21 0 0 1 627.99,-187.06 Z" fill="#82b4cc"/><path d="M 400,200 L 624.61,-189.03 A 449.21,449.21 0 0 1 644.66,-176.74 Z" fill="#82b4cc"/><path d="M 400,200 L 641.36,-178.86 A 449.21,449.21 0 0 1 660.86,-165.71 Z" fill="#81b5cd"/><path d="M 400,200 L 657.66,-167.97 A 449.21,449.21 0 0 1 676.56,-153.99 Z" fill="#80b5cd"/><path d="M 400,200 L 673.46,-156.39 A 449.21,449.21 0 0 1 691.74,-141.58 Z" fill="#7fb5ce"/><path d="M 400,200 L 688.75,-144.12 A 449.21,449.21 0 0 1 706.36,-128.53 Z" fill="#7fb5cf"/><path d="M 400,200 L 703.48,-131.20 A 449.21,449.21 0 0 1 720.40,-114.86 Z" fill="#7eb6cf"/><path d="M 400,200 L 717.64,-117.64 A 449.21,449.21 0 0 1 733.83,-100.58 Z" fill="#7db6d0"/><path d="M 400,200 L 731.20,-103.48 A 449.21,449.21 0 0 1 746.62,-85.73 Z" fill="#7cb6d0"/><path d="M 400,200 L 744.12,-88.75 A 449.21,449.21 0 0 1 758.76,-70.34 Z" fill="#7bb6d0"/><path d="M 400,200 L 756.39,-73.46 A 449.21,449.21 0 0 1 770.21,-54.44 Z" fill="#7bb6cf"/><path d="M 400,200 L 767.97,-57.66 A 449.21,449.21 0 0 1 780.95,-38.05 Z" fill="#7ab6cf"/><path d="M 400,200 L 778.86,-41.36 A 449.21,449.21 0 0 1 790.98,-21.20 Z" fill="#79b6cf"/><path d="M 400,200 L 789.03,-24.61 A 449.21,449.21 0 0 1 800.25,-3.94 Z" fill="#78b6cf"/><path d="M 400,200 L 798.46,-7.42 A 449.21,449.21 0 0 1 808.77,13.71 Z" fill="#78b6ce"/><path d="M 400,200 L 807.13,10.15 A 449.21,449.21 0 0 1 816.50,31.72 Z" fill="#77b6ce"/><path d="M 400,200 L 815.02,28.09 A 449.21,449.21 0 0 1 823.45,50.05 Z" fill="#76b6ce"/><path d="M 400,200 L 822.12,46.36 A 449.21,449.21 0 0 1 829.59,68.66 Z" fill="#75b6ce"/><path d="M 400,200 L 828.42,64.92 A 449.21,449.21 0 0 1 834.91,87.53 Z" fill="#74b6ce"/><path d="M 400,200 L 833.91,83.73 A 449.21,449.21 0 0 1 839.40,106.60 Z" fill="#74b6cd"/><path d="M 400,200 L 838.57,102.77 A 449.21,449.21 0 0 1 843.05,125.86 Z" fill="#73b6cd"/><path d="M 400,200 L 842.39,121.99 A 449.21,449.21 0 0 1 845.87,145.25 Z" fill="#72b6cd"/><path d="M 400,200 L 845.37,141.37 A 449.21,449.21 0 0 1 847.83,164.76 Z" fill="#71b6cd"/><path d="M 400,200 L 847.50,160.85 A 449.21,449.21 0 0 1 848.94,184.32 Z" fill="#71b6cc"/><path d="M 400,200 L 848.79,180.41 A 449.21,449.21 0 0 1 849.20,203.92 Z" fill="#70b6cc"/><path d="M 400,200 L 849.21,200.00 A 449.21,449.21 0 0 1 848.60,223.51 Z" fill="#6fb7cc"/><path d="M 400,200 L 848.79,219.59 A 449.21,449.21 0 0 1 847.15,243.06 Z" fill="#6eb7cc"/><path d="M 400,200 L 847.50,239.15 A 449.21,449.21 0 0 1 844.84,262.52 Z" fill="#6db7cc"/><path d="M 400,200 L 845.37,258.63 A 449.21,449.21 0 0 1 841.69,281.86 Z" fill="#6db7cb"/><path d="M 400,200 L 842.39,278.01 A 449.21,449.21 0 0 1 837.70,301.05 Z" fill="#6cb7cb"/><path d="M 400,200 L 838.57,297.23 A 449.21,449.21 0 0 1 832.88,320.05 Z" fill="#6bb7cb"/><path d="M 400,200 L 833.91,316.27 A 449.21,449.21 0 0 1 827.23,338.81 Z" fill="#6ab7cb"/><path d="M 400,200 L 828.42,335.08 A 449.21,449.21 0 0 1 820.77,357.32 Z" fill="#6ab7ca"/><path d="M 400,200 L 822.12,353.64 A 449.21,449.21 0 0 1 813.50,375.52 Z" fill="#69b7ca"/><path d="M 400,200 L 815.02,371.91 A 449.21,449.21 0 0 1 805.45,393.39 Z" fill="#68b7ca"/><path d="M 400,200 L 807.13,389.85 A 449.21,449.21 0 0 1 796.63,410.89 Z" fill="#67b7ca"/><path d="M 400,200 L 798.46,407.42 A 449.21,449.21 0 0 1 787.06,427.99 Z" fill="#66b7ca"/><path d="M 400,200 L 789.03,424.61 A 449.21,449.21 0 0 1 776.74,444.66 Z" fill="#66b7c9"/><path d="M 400,200 L 778.86,441.36 A 449.21,449.21 0 0 1 765.71,460.86 Z" fill="#65b7c9"/><path d="M 400,200 L 767.97,457.66 A 449.21,449.21 0 0 1 753.99,476.56 Z" fill="#64b7c9"/><path d="M 400,200 L 756.39,473.46 A 449.21,449.21 0 0 1 741.58,491.74 Z" fill="#63b7c9"/><path d="M 400,200 L 744.12,488.75 A 449.21,449.21 0 0 1 728.53,506.36 Z" fill="#63b7c8"/><path d="M 400,200 L 731.20,503.48 A 449.21,449.21 0 0 1 714.86,520.40 Z" fill="#62b7c8"/><path d="M 400,200 L 717.64,517.64 A 449.21,449.21 0 0 1 700.58,533.83 Z" fill="#61b7c8"/><path d="M 400,200 L 703.48,531.20 A 449.21,449.21 0 0 1 685.73,546.62 Z" fill="#60b7c7"/><path d="M 400,200 L 688.75,544.12 A 449.21,449.21 0 0 1 670.34,558.76 Z" fill="#60b7c6"/><path d="M 400,200 L 673.46,556.39 A 449.21,449.21 0 0 1 654.44,570.21 Z" fill="#5fb6c6"/><path d="M 400,200 L 657.66,567.97 A 449.21,449.21 0 0 1 638.05,580.95 Z" fill="#5fb6c5"/><path d="M 400,200 L 641.36,578.86 A 449.21,449.21 0 0 1 621.20,590.98 Z" fill="#5eb6c4"/><path d="M 400,200 L 624.61,589.03 A 449.21,449.21 0 0 1 603.94,600.25 Z" fill="#5eb6c3"/><path d="M 400,200 L 607.42,598.46 A 449.21,449.21 0 0 1 586.29,608.77 Z" fill="#5db5c2"/><path d="M 400,200 L 589.85,607.13 A 449.21,449.21 0 0 1 568.28,616.50 Z" fill="#5db5c1"/><path d="M 400,200 L 571.91,615.02 A 449.21,449.21 0 0 1 549.95,623.45 Z" fill="#5cb5c1"/><path d="M 400,200 L 553.64,622.12 A 449.21,449.21 0 0 1 531.34,629.59 Z" fill="#5bb5c0"/><path d="M 400,200 L 535.08,628.42 A 449.21,449.21 0 0 1 512.47,634.91 Z" fill="#5bb5bf"/><path d="M 400,200 L 516.27,633.91 A 449.21,449.21 0 0 1 493.40,639.40 Z" fill="#5ab4be"/><path d="M 400,200 L 497.23,638.57 A 449.21,449.21 0 0 1 474.14,643.05 Z" fill="#5ab4bd"/><path d="M 400,200 L 478.01,642.39 A 449.21,449.21 0 0 1 454.75,645.87 Z" fill="#59b4bc"/><path d="M 400,200 L 458.63,645.37 A 449.21,449.21 0 0 1 435.24,647.83 Z" fill="#59b4bc"/><path d="M 400,200 L 439.15,647.50 A 449.21,449.21 0 0 1 415.68,648.94 Z" fill="#58b3bb"/><path d="M 400,200 L 419.59,648.79 A 449.21,449.21 0 0 1 396.08,649.20 Z" fill="#58b3ba"/><path d="M 400,200 L 400.00,649.21 A 449.21,449.21 0 0 1 376.49,648.60 Z" fill="#57b3b9"/><path d="M 400,200 L 380.41,648.79 A 449.21,449.21 0 0 1 356.94,647.15 Z" fill="#56b3b8"/><path d="M 400,200 L 360.85,647.50 A 449.21,449.21 0 0 1 337.48,644.84 Z" fill="#56b3b7"/><path d="M 400,200 L 341.37,645.37 A 449.21,449.21 0 0 1 318.14,641.69 Z" fill="#55b2b7"/><path d="M 400,200 L 321.99,642.39 A 449.21,449.21 0 0 1 298.95,637.70 Z" fill="#55b2b6"/><path d="M 400,200 L 302.77,638.57 A 449.21,449.21 0 0 1 279.95,632.88 Z" fill="#54b2b5"/><path d="M 400,200 L 283.73,633.91 A 449.21,449.21 0 0 1 261.19,627.23 Z" fill="#54b2b4"/><path d="M 400,200 L 264.92,628.42 A 449.21,449.21 0 0 1 242.68,620.77 Z" fill="#53b1b3"/><path d="M 400,200 L 246.36,622.12 A 449.21,449.21 0 0 1 224.48,613.50 Z" fill="#53b1b2"/><path d="M 400,200 L 228.09,615.02 A 449.21,449.21 0 0 1 206.61,605.45 Z" fill="#52b1b2"/><path d="M 400,200 L 210.15,607.13 A 449.21,449.21 0 0 1 189.11,596.63 Z" fill="#51b1b1"/><path d="M 400,200 L 192.58,598.46 A 449.21,449.21 0 0 1 172.01,587.06 Z" fill="#51b1b0"/><path d="M 400,200 L 175.39,589.03 A 449.21,449.21 0 0 1 155.34,576.74 Z" fill="#50b0af"/><path d="M 400,200 L 158.64,578.86 A 449.21,449.21 0 0 1 139.14,565.71 Z" fill="#50b0ae"/><path d="M 400,200 L 142.34,567.97 A 449.21,449.21 0 0 1 123.44,553.99 Z" fill="#4fb0ad"/><path d="M 400,200 L 126.54,556.39 A 449.21,449.21 0 0 1 108.26,541.58 Z" fill="#4fb0ad"/><path d="M 400,200 L 111.25,544.12 A 449.21,449.21 0 0 1 93.64,528.53 Z" fill="#4eafac"/><path d="M 400,200 L 96.52,531.20 A 449.21,449.21 0 0 1 79.60,514.86 Z" fill="#4eafab"/><path d="M 400,200 L 82.36,517.64 A 449.21,449.21 0 0 1 66.17,500.58 Z" fill="#4dafaa"/><path d="M 400,200 L 68.80,503.48 A 449.21,449.21 0 0 1 53.38,485.73 Z" fill="#4dafaa"/><path d="M 400,200 L 55.88,488.75 A 449.21,449.21 0 0 1 41.24,470.34 Z" fill="#4daea9"/><path d="M 400,200 L 43.61,473.46 A 449.21,449.21 0 0 1 29.79,454.44 Z" fill="#4daea9"/><path d="M 400,200 L 32.03,457.66 A 449.21,449.21 0 0 1 19.05,438.05 Z" fill="#4cada8"/><path d="M 400,200 L 21.14,441.36 A 449.21,449.21 0 0 1 9.02,421.20 Z" fill="#4cada8"/><path d="M 400,200 L 10.97,424.61 A 449.21,449.21 0 0 1 -0.25,403.94 Z" fill="#4cada7"/><path d="M 400,200 L 1.54,407.42 A 449.21,449.21 0 0 1 -8.77,386.29 Z" fill="#4caca7"/><path d="M 400,200 L -7.13,389.85 A 449.21,449.21 0 0 1 -16.50,368.28 Z" fill="#4caca6"/><path d="M 400,200 L -15.02,371.91 A 449.21,449.21 0 0 1 -23.45,349.95 Z" fill="#4caba6"/><path d="M 400,200 L -22.12,353.64 A 449.21,449.21 0 0 1 -29.59,331.34 Z" fill="#4caba5"/><path d="M 400,200 L -28.42,335.08 A 449.21,449.21 0 0 1 -34.91,312.47 Z" fill="#4baaa5"/><path d="M 400,200 L -33.91,316.27 A 449.21,449.21 0 0 1 -39.40,293.40 Z" fill="#4baaa4"/><path d="M 400,200 L -38.57,297.23 A 449.21,449.21 0 0 1 -43.05,274.14 Z" fill="#4baaa4"/><path d="M 400,200 L -42.39,278.01 A 449.21,449.21 0 0 1 -45.87,254.75 Z" fill="#4ba9a3"/><path d="M 400,200 L -45.37,258.63 A 449.21,449.21 0 0 1 -47.83,235.24 Z" fill="#4ba9a3"/><path d="M 400,200 L -47.50,239.15 A 449.21,449.21 0 0 1 -48.94,215.68 Z" fill="#4ba8a2"/><path d="M 400,200 L -48.79,219.59 A 449.21,449.21 0 0 1 -49.20,196.08 Z" fill="#4ba8a2"/><path d="M 400,200 L -49.21,200.00 A 449.21,449.21 0 0 1 -48.60,176.49 Z" fill="#4ba8a1"/><path d="M 400,200 L -48.79,180.41 A 449.21,449.21 0 0 1 -47.15,156.94 Z" fill="#4aa7a1"/><path d="M 400,200 L -47.50,160.85 A 449.21,449.21 0 0 1 -44.84,137.48 Z" fill="#4aa7a0"/><path d="M 400,200 L -45.37,141.37 A 449.21,449.21 0 0 1 -41.69,118.14 Z" fill="#4aa6a0"/><path d="M 400,200 L -42.39,121.99 A 449.21,449.21 0 0 1 -37.70,98.95 Z" fill="#4aa69f"/><path d="M 400,200 L -38.57,102.77 A 449.21,449.21 0 0 1 -32.88,79.95 Z" fill="#4aa59f"/><path d="M 400,200 L -33.91,83.73 A 449.21,449.21 0 0 1 -27.23,61.19 Z" fill="#4aa59e"/><path d="M 400,200 L -28.42,64.92 A 449.21,449.21 0 0 1 -20.77,42.68 Z" fill="#4aa59e"/><path d="M 400,200 L -22.12,46.36 A 449.21,449.21 0 0 1 -13.50,24.48 Z" fill="#49a49d"/><path d="M 400,200 L -15.02,28.09 A 449.21,449.21 0 0 1 -5.45,6.61 Z" fill="#49a49d"/><path d="M 400,200 L -7.13,10.15 A 449.21,449.21 0 0 1 3.37,-10.89 Z" fill="#49a39c"/><path d="M 400,200 L 1.54,-7.42 A 449.21,449.21 0 0 1 12.94,-27.99 Z" fill="#49a39c"/><path d="M 400,200 L 10.97,-24.61 A 449.21,449.21 0 0 1 23.26,-44.66 Z" fill="#49a39b"/><path d="M 400,200 L 21.14,-41.36 A 449.21,449.21 0 0 1 34.29,-60.86 Z" fill="#49a29b"/><path d="M 400,200 L 32.03,-57.66 A 449.21,449.21 0 0 1 46.01,-76.56 Z" fill="#49a29a"/><path d="M 400,200 L 43.61,-73.46 A 449.21,449.21 0 0 1 58.42,-91.74 Z" fill="#48a19a"/><path d="M 400,200 L 55.88,-88.75 A 449.21,449.21 0 0 1 71.47,-106.36 Z" fill="#48a199"/><path d="M 400,200 L 68.80,-103.48 A 449.21,449.21 0 0 1 85.14,-120.40 Z" fill="#48a099"/></g><path d="M800 0H0V400H800V0Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.596078431372549,"g":0.6745098039215687,"b":0.7254901960784313,"a":1},"position":0},{"color":{"r":0.49019607843137253,"g":0.7137254901960784,"b":0.8156862745098039,"a":1},"position":0.25},{"color":{"r":0.3803921568627451,"g":0.7176470588235294,"b":0.7843137254901961,"a":1},"position":0.5},{"color":{"r":0.30196078431372547,"g":0.6862745098039216,"b":0.6666666666666666,"a":1},"position":0.75},{"color":{"r":0.2823529411764706,"g":0.6274509803921569,"b":0.596078431372549,"a":1},"position":1}],"stopsVar":[{"color":{"r":0.596078431372549,"g":0.6745098039215687,"b":0.7254901960784313,"a":1},"position":0},{"color":{"r":0.49019607843137253,"g":0.7137254901960784,"b":0.8156862745098039,"a":1},"position":0.25},{"color":{"r":0.3803921568627451,"g":0.7176470588235294,"b":0.7843137254901961,"a":1},"position":0.5},{"color":{"r":0.30196078431372547,"g":0.6862745098039216,"b":0.6666666666666666,"a":1},"position":0.75},{"color":{"r":0.2823529411764706,"g":0.6274509803921569,"b":0.596078431372549,"a":1},"position":1}],"transform":{"m00":-565.685425,"m01":565.685425,"m02":400.000000,"m10":-565.685425,"m11":-565.685425,"m12":765.685425},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
<defs>
<clipPath id="paint0_angular_clip_path"><path d="M800 0H0V400H800V0Z"/></clipPath>
</defs>
</svg>
["#98acb9", "#7db6d0", "#61b7c8", "#4dafaa", "#48a098"]
// https://grabient.com/_gHngJtgLEgDPf-cf-Of6gf5yf0zgNHgKUgLY?style=angularGradient&steps=5&angle=315
// cosine gradient palette — https://iquilezles.org/articles/palettes/
const float STEPS = 5.0;
const float ANGLE = 315.0;
vec3 palette(float t) {
vec3 a = vec3(0.487, 0.621, 0.708);
vec3 b = vec3(0.207, -0.100, -0.114);
vec3 c = vec3(-0.352, -0.398, -0.717);
vec3 d = vec3(0.839, 0.660, 0.728);
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.487, 0.621, 0.708],
[0.207, -0.100, -0.114],
[-0.352, -0.398, -0.717],
[0.839, 0.660, 0.728]
]