/* https://grabient.com/_hH0f-XfdPhIKgJ2gxTgBogEwgBlgHHgL_gNM?style=linearSwatches&steps=6&angle=0 */ background: linear-gradient(0deg, #290000 0.000%, #290000 16.667%, #083100 calc(16.667% + 1px), #083100 33.333%, #006022 calc(33.333% + 1px), #006022 50.000%, #017e61 calc(50.000% + 1px), #017e61 66.667%, #1c8695 calc(66.667% + 1px), #1c8695 83.333%, #4a76be calc(83.333% + 1px) 100.000%);

// https://grabient.com/_hH0f-XfdPhIKgJ2gxTgBogEwgBlgHHgL_gNM?style=linearSwatches&steps=6&angle=0 // cosine gradient palette — https://iquilezles.org/articles/palettes/ const float STEPS = 6.0; const float ANGLE = 0.0; vec3 palette(float t) { vec3 a = vec3(4.596, -0.105, -2.225); vec3 b = vec3(4.618, 0.630, 3.155); vec3 c = vec3(0.104, 0.304, 0.101); vec3 d = vec3(0.455, 0.767, 0.844); return a + b * cos(6.283185 * (c * t + d)); } // N hard swatches sampled from the palette vec3 stops(float t) { float i = min(floor(clamp(t, 0.0, 1.0) * STEPS), STEPS - 1.0); return palette(i / (STEPS - 1.0)); } void mainImage(out vec4 fragColor, in vec2 fragCoord) { vec2 p = fragCoord - 0.5 * iResolution.xy; // CSS angle: 0 = up, clockwise; span = CSS gradient-line length vec2 dir = vec2(sin(radians(ANGLE)), cos(radians(ANGLE))); float len = abs(iResolution.x * dir.x) + abs(iResolution.y * dir.y); float t = dot(p, dir) / len + 0.5; fragColor = vec4(stops(t), 1.0); }

Rainbow very dark brown to very dark green to deep green to windows blue gradient palette editor

Rainbow very dark brown to very dark green to deep green to windows blue