Brown, salmon, orange and light blue linear gradient

Brown, salmon, orange and light blue color palette

Linear gradient, 40 colors at 45°: #a57535, #db686a, #e08e40, #5b0e1f, #7bb0d9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#a57535
#a97435
#af7236
#b6703a
#bd6e3f
#c36c46
#ca694f
#cf6858
#d36760
#d76767
#db686a
#df6b6a
#e47068
#e97763
#ed7e5e
#f08557
#f08c51
#ef924c
#ec9448
#e79344
#e08e40
#d48339
#c5742f
#b36224
#a04f1a
#8d3d13
#7c2c10
#6d1d12
#611317
#5b0e1f
#5a122b
#5e1c3e
#632b55
#693d6f
#6e528a
#7168a3
#737fb7
#7693c7
#78a5d2
#7bb0d9

CSS

background: linear-gradient(45deg in oklch, oklch(59.84% 0.1006 71.72) 0.0%, oklch(60.17% 0.1034 68.18) 2.6%, oklch(60.58% 0.1074 63.08) 5.1%, oklch(61.07% 0.1122 56.87) 7.7%, oklch(61.61% 0.1175 50.02) 10.3%, oklch(62.21% 0.1231 42.97) 12.8%, oklch(62.84% 0.1285 36.19) 15.4%, oklch(63.50% 0.1336 30.14) 17.9%, oklch(64.17% 0.1381 25.28) 20.5%, oklch(64.85% 0.1415 22.06) 23.1%, oklch(65.54% 0.1437 20.95) 25.6%, oklch(66.57% 0.1450 22.35) 28.2%, oklch(67.95% 0.1456 25.87) 30.8%, oklch(69.52% 0.1455 30.94) 33.3%, oklch(71.12% 0.1449 36.95) 35.9%, oklch(72.56% 0.1439 43.34) 38.5%, oklch(73.70% 0.1426 49.53) 41.0%, oklch(74.36% 0.1410 54.93) 43.6%, oklch(74.37% 0.1392 58.95) 46.2%, oklch(73.58% 0.1373 61.03) 48.7%, oklch(71.73% 0.1354 60.81) 51.3%, oklch(68.28% 0.1332 59.39) 53.8%, oklch(63.56% 0.1305 56.99) 56.4%, oklch(58.00% 0.1275 53.65) 59.0%, oklch(52.03% 0.1244 49.38) 61.5%, oklch(46.09% 0.1211 44.20) 64.1%, oklch(40.59% 0.1177 38.14) 66.7%, oklch(35.99% 0.1144 31.20) 69.2%, oklch(32.70% 0.1112 23.42) 71.8%, oklch(31.16% 0.1082 14.82) 74.4%, oklch(31.73% 0.1053 4.80) 76.9%, oklch(34.21% 0.1023 352.27) 79.5%, oklch(38.18% 0.0991 337.83) 82.1%, oklch(43.26% 0.0960 322.18) 84.6%, oklch(49.01% 0.0930 306.01) 87.2%, oklch(55.03% 0.0900 290.00) 89.7%, oklch(60.91% 0.0873 274.86) 92.3%, oklch(66.25% 0.0849 261.27) 94.9%, oklch(70.62% 0.0829 249.92) 97.4%, oklch(73.62% 0.0813 241.50) 100.0%);