Analogous beige, orange and salmon linear gradient

Analogous beige, orange and salmon color palette

Linear gradient, 32 colors at 90°: #ede3c9, #fed284, #ffac5e, #ff8653, #ee6866. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ede3c9
#eee2c4
#efe1bd
#f2e0b4
#f4deaa
#f7dba0
#fad896
#fcd58c
#fed284
#ffce7d
#ffc978
#ffc573
#ffc06f
#ffbb6a
#ffb665
#ffb162
#ffac5e
#ffa75c
#ffa259
#ff9c57
#ff9756
#ff9154
#ff8c54
#ff8653
#fe8255
#fc7d57
#f9785a
#f7745d
#f47060
#f26c62
#ef6a65
#ee6866

CSS

background: linear-gradient(90deg in oklch, oklch(91.73% 0.0358 90.70) 0.0%, oklch(91.51% 0.0418 90.00) 3.2%, oklch(91.24% 0.0500 89.13) 6.5%, oklch(90.92% 0.0599 88.10) 9.7%, oklch(90.55% 0.0706 86.91) 12.9%, oklch(90.12% 0.0815 85.58) 16.1%, oklch(89.62% 0.0917 84.10) 19.4%, oklch(89.06% 0.1007 82.49) 22.6%, oklch(88.41% 0.1076 80.74) 25.8%, oklch(87.66% 0.1130 78.81) 29.0%, oklch(86.81% 0.1164 76.70) 32.3%, oklch(85.89% 0.1193 74.42) 35.5%, oklch(84.92% 0.1225 72.03) 38.7%, oklch(83.92% 0.1258 69.56) 41.9%, oklch(82.93% 0.1290 67.03) 45.2%, oklch(81.96% 0.1320 64.49) 48.4%, oklch(81.04% 0.1352 61.95) 51.6%, oklch(80.11% 0.1383 59.31) 54.8%, oklch(79.18% 0.1415 56.57) 58.1%, oklch(78.25% 0.1449 53.78) 61.3%, oklch(77.32% 0.1485 50.97) 64.5%, oklch(76.41% 0.1525 48.17) 67.7%, oklch(75.51% 0.1567 45.42) 71.0%, oklch(74.63% 0.1607 42.74) 74.2%, oklch(73.74% 0.1626 40.09) 77.4%, oklch(72.81% 0.1641 37.28) 80.6%, oklch(71.86% 0.1650 34.41) 83.9%, oklch(70.93% 0.1656 31.60) 87.1%, oklch(70.05% 0.1660 28.95) 90.3%, oklch(69.27% 0.1662 26.58) 93.5%, oklch(68.61% 0.1665 24.58) 96.8%, oklch(68.11% 0.1667 23.07) 100.0%);

In these collections

Sunrise gradients