Complementary yellow to blue linear gradient

Complementary yellow to blue color palette

Linear gradient, 8 colors at 135°: #f3d93e, #eacc49, #d3b45a, #ad9d86, #8886a0, #6076c9, #476fdc, #3f73e7. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#f3d93e
#eacc49
#d3b45a
#ad9d86
#8886a0
#6076c9
#476fdc
#3f73e7

CSS

background: linear-gradient(135deg in oklch, oklch(88.19% 0.1654 99.14) 0.0%, oklch(84.65% 0.1488 95.97) 14.3%, oklch(77.95% 0.1157 90.69) 28.6%, oklch(70.47% 0.0372 76.95) 42.9%, oklch(62.99% 0.0386 289.00) 57.1%, oklch(58.66% 0.1295 271.04) 71.4%, oklch(57.09% 0.1722 265.76) 85.7%, oklch(58.27% 0.1860 263.64) 100.0%);

In these collections

Lemon blossom veranda