Complementary yellow, white and blue linear gradient

Complementary yellow, white and blue color palette

Linear gradient, 5 colors at 90°: #fffe94, #fefeb3, #fbfef3, #c4f0ff, #889cf8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#fffe94
#fefeb3
#fbfef3
#c4f0ff
#889cf8

CSS

background: linear-gradient(90deg in oklch, oklch(97.64% 0.1292 108.29) 0.0%, oklch(98.03% 0.0951 108.28) 25.0%, oklch(99.21% 0.0152 118.85) 50.0%, oklch(92.91% 0.0498 220.28) 75.0%, oklch(71.65% 0.1350 273.13) 100.0%);

In these collections

Yellow and blue gradients