Vivid yellow to blue linear gradient

Linear gradient, 8 colors at 90°: #fef776, #f1e94d, #dcdb3c, #7ec48e, #78b6e7, #639be8, #507fd1, #416dc3. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#fef776
#f1e94d
#dcdb3c
#7ec48e
#78b6e7
#639be8
#507fd1
#416dc3

CSS

background: linear-gradient(90deg in oklch, oklch(95.67% 0.1502 106.17) 0.0%, oklch(91.34% 0.1695 106.17) 14.3%, oklch(86.61% 0.1709 109.34) 28.6%, oklch(75.98% 0.1047 150.56) 42.9%, oklch(75.20% 0.0951 243.55) 57.1%, oklch(68.50% 0.1281 256.23) 71.4%, oklch(60.24% 0.1350 260.46) 85.7%, oklch(54.72% 0.1433 262.57) 100.0%);

In these collections

Yellow and blue gradients