Complementary beige to blue linear gradient

Complementary beige to blue color palette

Linear gradient, 8 colors at 90°: #f1e3bb, #ecd97e, #d5cd51, #b9b77a, #97a1ac, #7184d6, #4b68a6, #2a4c6c. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#f1e3bb
#ecd97e
#d5cd51
#b9b77a
#97a1ac
#7184d6
#4b68a6
#2a4c6c

CSS

background: linear-gradient(90deg in oklch, oklch(91.73% 0.0551 90.70) 0.0%, oklch(88.19% 0.1144 98.10) 14.3%, oklch(83.07% 0.1433 105.50) 28.6%, oklch(76.77% 0.0813 106.55) 42.9%, oklch(70.47% 0.0193 251.33) 57.1%, oklch(63.39% 0.1254 272.46) 71.4%, oklch(52.36% 0.1033 264.01) 85.7%, oklch(40.55% 0.0675 248.16) 100.0%);

In these collections

Butter yellow and blue