Песочно-коричневый, оливковый, оранжевый и бордовый, тёплые тона: линейный градиент

Линейный градиент, 32 цвета, угол 90°: #d2c397, #bf9828, #887c01, #db653a, #81322f. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

5 редактируемых ключевых точек OKLCH.

#d2c397
#d0c090
#cfbb84
#cdb677
#ccb068
#caa957
#c7a347
#c49d36
#bf9828
#b7941c
#ad9013
#a28c10
#978812
#8d8515
#878115
#847e11
#887c01
#907a00
#9d7900
#ad7700
#be7400
#cf6e0a
#d96929
#db653a
#d85f42
#ce5845
#c15144
#b24a40
#a3423b
#953c36
#893631
#81322f

CSS

background: linear-gradient(90deg in oklch, oklch(81.89% 0.0606 92.11) 0.0%, oklch(80.95% 0.0667 91.62) 3.2%, oklch(79.69% 0.0755 90.80) 6.5%, oklch(78.19% 0.0859 89.81) 9.7%, oklch(76.53% 0.0971 88.82) 12.9%, oklch(74.78% 0.1081 87.99) 16.1%, oklch(73.01% 0.1179 87.49) 19.4%, oklch(71.29% 0.1257 87.48) 22.6%, oklch(69.68% 0.1304 88.15) 25.8%, oklch(67.93% 0.1319 90.32) 29.0%, oklch(66.01% 0.1310 93.74) 32.3%, oklch(64.04% 0.1285 97.74) 35.5%, oklch(62.15% 0.1253 101.64) 38.7%, oklch(60.46% 0.1221 104.77) 41.9%, oklch(59.08% 0.1198 106.45) 45.2%, oklch(58.14% 0.1193 106.02) 48.4%, oklch(57.81% 0.1212 102.75) 51.6%, oklch(58.35% 0.1201 96.33) 54.8%, oklch(59.51% 0.1217 87.58) 58.1%, oklch(61.00% 0.1275 77.36) 61.3%, oklch(62.54% 0.1386 66.56) 64.5%, oklch(63.81% 0.1533 56.10) 67.7%, oklch(64.52% 0.1579 46.81) 71.0%, oklch(64.38% 0.1599 39.59) 74.2%, oklch(63.11% 0.1584 34.81) 77.4%, oklch(60.82% 0.1537 31.45) 80.6%, oklch(57.80% 0.1468 29.22) 83.9%, oklch(54.38% 0.1386 27.84) 87.1%, oklch(50.86% 0.1299 27.05) 90.3%, oklch(47.57% 0.1217 26.57) 93.5%, oklch(44.82% 0.1149 26.16) 96.8%, oklch(42.91% 0.1102 25.53) 100.0%);

В этих коллекциях

Градиенты в стиле ретро