Blue, light green, yellow and beige linear gradient

Blue, light green, yellow and beige color palette

Linear gradient, 40 colors at 45°: #2b72b4, #fef675, #1b54b6, #cfb51e, #fafef3. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2b72b4
#0e7fba
#0092b8
#00a7b7
#00bfb3
#4ed5a4
#8ce493
#bfee84
#e5f47c
#fbf678
#fef675
#e9f473
#beee78
#7be48b
#00d1a4
#00b3b2
#0097b4
#007eb4
#0067bc
#2057ba
#1b54b6
#005daa
#006a99
#007890
#008889
#00997b
#2cab53
#81b02d
#b1b20c
#cfb51e
#dfba3b
#e8c256
#eccb6f
#edd687
#ede09f
#ede9b5
#eef1ca
#f2f7db
#f6fbe9
#fafef3

CSS

background: linear-gradient(45deg in oklch, oklch(53.94% 0.1254 250.31) 0.0%, oklch(56.92% 0.1270 240.02) 2.6%, oklch(61.30% 0.1161 224.97) 5.1%, oklch(66.66% 0.1142 206.58) 7.7%, oklch(72.56% 0.1271 186.30) 10.3%, oklch(78.57% 0.1371 165.59) 12.8%, oklch(84.28% 0.1401 145.88) 15.4%, oklch(89.26% 0.1431 128.61) 17.9%, oklch(93.07% 0.1459 115.24) 20.5%, oklch(95.30% 0.1485 107.20) 23.1%, oklch(95.50% 0.1507 105.99) 25.6%, oklch(93.29% 0.1529 113.22) 28.2%, oklch(89.03% 0.1552 127.67) 30.8%, oklch(83.28% 0.1575 147.30) 33.3%, oklch(76.57% 0.1514 170.09) 35.9%, oklch(69.47% 0.1187 194.05) 38.5%, oklch(62.52% 0.1117 217.13) 41.0%, oklch(56.26% 0.1235 237.34) 43.6%, oklch(51.24% 0.1562 252.63) 46.2%, oklch(48.01% 0.1666 260.98) 48.7%, oklch(47.00% 0.1668 260.63) 51.3%, oklch(47.71% 0.1439 252.26) 53.8%, oklch(49.74% 0.1096 237.57) 56.4%, oklch(52.82% 0.0951 218.22) 59.0%, oklch(56.67% 0.0966 195.90) 61.5%, oklch(60.98% 0.1179 172.27) 64.1%, oklch(65.49% 0.1668 149.02) 66.7%, oklch(69.89% 0.1640 127.78) 69.2%, oklch(73.91% 0.1597 110.24) 71.8%, oklch(77.26% 0.1534 98.04) 74.4%, oklch(79.96% 0.1447 91.83) 76.9%, oklch(82.62% 0.1326 89.50) 79.5%, oklch(85.24% 0.1180 90.25) 82.1%, oklch(87.79% 0.1017 93.38) 84.6%, oklch(90.21% 0.0846 98.18) 87.2%, oklch(92.48% 0.0674 103.95) 89.7%, oklch(94.55% 0.0510 109.96) 92.3%, oklch(96.39% 0.0363 115.52) 94.9%, oklch(97.95% 0.0241 119.92) 97.4%, oklch(99.21% 0.0152 122.45) 100.0%);