/* https://grabient.com/_gLEgGFgaXgELgLAgRugEogBggBkgAWgBkgFbdgwsl1ff?style=angularGradient&steps=3&angle=225 */
background: conic-gradient(from 225deg, #d4e9ff 0.000deg, #d2dfec 180.000deg, #c7d3ce 360.000deg);
<svg width="800" height="400" viewBox="0 0 800 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- https://grabient.com/_gLEgGFgaXgELgLAgRugEogBggBkgAWgBkgFbdgwsl1ff?style=angularGradient&steps=3&angle=225 -->
<g clip-path="url(#paint0_angular_clip_path)" data-figma-skip-parse="true"><path d="M 400,200 L 82.36,517.64 A 449.21,449.21 0 0 1 53.38,485.73 Z" fill="#d4e9ff"/><path d="M 400,200 L 55.88,488.75 A 449.21,449.21 0 0 1 29.79,454.44 Z" fill="#d4e9fe"/><path d="M 400,200 L 32.03,457.66 A 449.21,449.21 0 0 1 9.02,421.20 Z" fill="#d4e8fe"/><path d="M 400,200 L 10.97,424.61 A 449.21,449.21 0 0 1 -8.77,386.29 Z" fill="#d4e8fd"/><path d="M 400,200 L -7.13,389.85 A 449.21,449.21 0 0 1 -23.45,349.95 Z" fill="#d4e8fd"/><path d="M 400,200 L -22.12,353.64 A 449.21,449.21 0 0 1 -34.91,312.47 Z" fill="#d4e8fc"/><path d="M 400,200 L -33.91,316.27 A 449.21,449.21 0 0 1 -43.05,274.14 Z" fill="#d4e7fc"/><path d="M 400,200 L -42.39,278.01 A 449.21,449.21 0 0 1 -47.83,235.24 Z" fill="#d4e7fb"/><path d="M 400,200 L -47.50,239.15 A 449.21,449.21 0 0 1 -49.20,196.08 Z" fill="#d4e7fb"/><path d="M 400,200 L -49.21,200.00 A 449.21,449.21 0 0 1 -47.15,156.94 Z" fill="#d4e7fa"/><path d="M 400,200 L -47.50,160.85 A 449.21,449.21 0 0 1 -41.69,118.14 Z" fill="#d3e6fa"/><path d="M 400,200 L -42.39,121.99 A 449.21,449.21 0 0 1 -32.88,79.95 Z" fill="#d3e6f9"/><path d="M 400,200 L -33.91,83.73 A 449.21,449.21 0 0 1 -20.77,42.68 Z" fill="#d3e6f9"/><path d="M 400,200 L -22.12,46.36 A 449.21,449.21 0 0 1 -5.45,6.61 Z" fill="#d3e5f8"/><path d="M 400,200 L -7.13,10.15 A 449.21,449.21 0 0 1 12.94,-27.99 Z" fill="#d3e5f8"/><path d="M 400,200 L 10.97,-24.61 A 449.21,449.21 0 0 1 34.29,-60.86 Z" fill="#d3e5f7"/><path d="M 400,200 L 32.03,-57.66 A 449.21,449.21 0 0 1 58.42,-91.74 Z" fill="#d3e5f7"/><path d="M 400,200 L 55.88,-88.75 A 449.21,449.21 0 0 1 85.14,-120.40 Z" fill="#d3e4f6"/><path d="M 400,200 L 82.36,-117.64 A 449.21,449.21 0 0 1 114.27,-146.62 Z" fill="#d3e4f6"/><path d="M 400,200 L 111.25,-144.12 A 449.21,449.21 0 0 1 145.56,-170.21 Z" fill="#d3e4f5"/><path d="M 400,200 L 142.34,-167.97 A 449.21,449.21 0 0 1 178.80,-190.98 Z" fill="#d3e3f4"/><path d="M 400,200 L 175.39,-189.03 A 449.21,449.21 0 0 1 213.71,-208.77 Z" fill="#d3e3f4"/><path d="M 400,200 L 210.15,-207.13 A 449.21,449.21 0 0 1 250.05,-223.45 Z" fill="#d3e3f3"/><path d="M 400,200 L 246.36,-222.12 A 449.21,449.21 0 0 1 287.53,-234.91 Z" fill="#d3e3f3"/><path d="M 400,200 L 283.73,-233.91 A 449.21,449.21 0 0 1 325.86,-243.05 Z" fill="#d3e2f2"/><path d="M 400,200 L 321.99,-242.39 A 449.21,449.21 0 0 1 364.76,-247.83 Z" fill="#d3e2f2"/><path d="M 400,200 L 360.85,-247.50 A 449.21,449.21 0 0 1 403.92,-249.20 Z" fill="#d3e2f1"/><path d="M 400,200 L 400.00,-249.21 A 449.21,449.21 0 0 1 443.06,-247.15 Z" fill="#d3e2f1"/><path d="M 400,200 L 439.15,-247.50 A 449.21,449.21 0 0 1 481.86,-241.69 Z" fill="#d2e1f0"/><path d="M 400,200 L 478.01,-242.39 A 449.21,449.21 0 0 1 520.05,-232.88 Z" fill="#d2e1f0"/><path d="M 400,200 L 516.27,-233.91 A 449.21,449.21 0 0 1 557.32,-220.77 Z" fill="#d2e1ef"/><path d="M 400,200 L 553.64,-222.12 A 449.21,449.21 0 0 1 593.39,-205.45 Z" fill="#d2e0ef"/><path d="M 400,200 L 589.85,-207.13 A 449.21,449.21 0 0 1 627.99,-187.06 Z" fill="#d2e0ee"/><path d="M 400,200 L 624.61,-189.03 A 449.21,449.21 0 0 1 660.86,-165.71 Z" fill="#d2e0ee"/><path d="M 400,200 L 657.66,-167.97 A 449.21,449.21 0 0 1 691.74,-141.58 Z" fill="#d2e0ed"/><path d="M 400,200 L 688.75,-144.12 A 449.21,449.21 0 0 1 720.40,-114.86 Z" fill="#d2dfed"/><path d="M 400,200 L 717.64,-117.64 A 449.21,449.21 0 0 1 746.62,-85.73 Z" fill="#d2dfec"/><path d="M 400,200 L 744.12,-88.75 A 449.21,449.21 0 0 1 770.21,-54.44 Z" fill="#d2dfeb"/><path d="M 400,200 L 767.97,-57.66 A 449.21,449.21 0 0 1 790.98,-21.20 Z" fill="#d1deea"/><path d="M 400,200 L 789.03,-24.61 A 449.21,449.21 0 0 1 808.77,13.71 Z" fill="#d1deea"/><path d="M 400,200 L 807.13,10.15 A 449.21,449.21 0 0 1 823.45,50.05 Z" fill="#d1dee9"/><path d="M 400,200 L 822.12,46.36 A 449.21,449.21 0 0 1 834.91,87.53 Z" fill="#d0dde8"/><path d="M 400,200 L 833.91,83.73 A 449.21,449.21 0 0 1 843.05,125.86 Z" fill="#d0dde7"/><path d="M 400,200 L 842.39,121.99 A 449.21,449.21 0 0 1 847.83,164.76 Z" fill="#d0dde6"/><path d="M 400,200 L 847.50,160.85 A 449.21,449.21 0 0 1 849.20,203.92 Z" fill="#d0dce5"/><path d="M 400,200 L 849.21,200.00 A 449.21,449.21 0 0 1 847.15,243.06 Z" fill="#cfdce5"/><path d="M 400,200 L 847.50,239.15 A 449.21,449.21 0 0 1 841.69,281.86 Z" fill="#cfdce4"/><path d="M 400,200 L 842.39,278.01 A 449.21,449.21 0 0 1 832.88,320.05 Z" fill="#cfdbe3"/><path d="M 400,200 L 833.91,316.27 A 449.21,449.21 0 0 1 820.77,357.32 Z" fill="#cedbe2"/><path d="M 400,200 L 822.12,353.64 A 449.21,449.21 0 0 1 805.45,393.39 Z" fill="#cedbe1"/><path d="M 400,200 L 807.13,389.85 A 449.21,449.21 0 0 1 787.06,427.99 Z" fill="#cedae0"/><path d="M 400,200 L 789.03,424.61 A 449.21,449.21 0 0 1 765.71,460.86 Z" fill="#cddae0"/><path d="M 400,200 L 767.97,457.66 A 449.21,449.21 0 0 1 741.58,491.74 Z" fill="#cddadf"/><path d="M 400,200 L 744.12,488.75 A 449.21,449.21 0 0 1 714.86,520.40 Z" fill="#cdd9de"/><path d="M 400,200 L 717.64,517.64 A 449.21,449.21 0 0 1 685.73,546.62 Z" fill="#cdd9dd"/><path d="M 400,200 L 688.75,544.12 A 449.21,449.21 0 0 1 654.44,570.21 Z" fill="#ccd9dc"/><path d="M 400,200 L 657.66,567.97 A 449.21,449.21 0 0 1 621.20,590.98 Z" fill="#ccd8db"/><path d="M 400,200 L 624.61,589.03 A 449.21,449.21 0 0 1 586.29,608.77 Z" fill="#ccd8db"/><path d="M 400,200 L 589.85,607.13 A 449.21,449.21 0 0 1 549.95,623.45 Z" fill="#cbd8da"/><path d="M 400,200 L 553.64,622.12 A 449.21,449.21 0 0 1 512.47,634.91 Z" fill="#cbd7d9"/><path d="M 400,200 L 516.27,633.91 A 449.21,449.21 0 0 1 474.14,643.05 Z" fill="#cbd7d8"/><path d="M 400,200 L 478.01,642.39 A 449.21,449.21 0 0 1 435.24,647.83 Z" fill="#cad7d7"/><path d="M 400,200 L 439.15,647.50 A 449.21,449.21 0 0 1 396.08,649.20 Z" fill="#cad6d6"/><path d="M 400,200 L 400.00,649.21 A 449.21,449.21 0 0 1 356.94,647.15 Z" fill="#cad6d6"/><path d="M 400,200 L 360.85,647.50 A 449.21,449.21 0 0 1 318.14,641.69 Z" fill="#c9d6d5"/><path d="M 400,200 L 321.99,642.39 A 449.21,449.21 0 0 1 279.95,632.88 Z" fill="#c9d5d4"/><path d="M 400,200 L 283.73,633.91 A 449.21,449.21 0 0 1 242.68,620.77 Z" fill="#c9d5d3"/><path d="M 400,200 L 246.36,622.12 A 449.21,449.21 0 0 1 206.61,605.45 Z" fill="#c9d5d2"/><path d="M 400,200 L 210.15,607.13 A 449.21,449.21 0 0 1 172.01,587.06 Z" fill="#c8d4d1"/><path d="M 400,200 L 175.39,589.03 A 449.21,449.21 0 0 1 139.14,565.71 Z" fill="#c8d4d1"/><path d="M 400,200 L 142.34,567.97 A 449.21,449.21 0 0 1 108.26,541.58 Z" fill="#c8d4d0"/><path d="M 400,200 L 111.25,544.12 A 449.21,449.21 0 0 1 79.60,514.86 Z" fill="#c7d3cf"/></g><path d="M800 0H0V400H800V0Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.8313725490196079,"g":0.9137254901960784,"b":1,"a":1},"position":0},{"color":{"r":0.8235294117647058,"g":0.8745098039215686,"b":0.9254901960784314,"a":1},"position":0.5},{"color":{"r":0.7803921568627451,"g":0.8274509803921568,"b":0.807843137254902,"a":1},"position":1}],"stopsVar":[{"color":{"r":0.8313725490196079,"g":0.9137254901960784,"b":1,"a":1},"position":0},{"color":{"r":0.8235294117647058,"g":0.8745098039215686,"b":0.9254901960784314,"a":1},"position":0.5},{"color":{"r":0.7803921568627451,"g":0.8274509803921568,"b":0.807843137254902,"a":1},"position":1}],"transform":{"m00":-565.685425,"m01":-565.685425,"m02":965.685425,"m10":565.685425,"m11":-565.685425,"m12":200.000000},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
<defs>
<clipPath id="paint0_angular_clip_path"><path d="M800 0H0V400H800V0Z"/></clipPath>
</defs>
</svg>
["#d4e9ff", "#d2dfec", "#c7d3ce"]
// https://grabient.com/_gLEgGFgaXgELgLAgRugEogBggBkgAWgBkgFbdgwsl1ff?style=angularGradient&steps=3&angle=225
// cosine gradient palette — https://iquilezles.org/articles/palettes/
const float STEPS = 3.0;
const float ANGLE = 225.0;
vec3 palette(float t) {
vec3 a = vec3(0.548, 0.229, 1.527);
vec3 b = vec3(0.285, 0.752, 1.211);
vec3 c = vec3(0.110, 0.036, 0.037);
vec3 d = vec3(-0.011, 0.067, 0.314);
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.548, 0.229, 1.527],
[0.285, 0.752, 1.211],
[0.110, 0.036, 0.037],
[-0.011, 0.067, 0.314]
]