Пісочно-коричневий, червоний і темно-синій, тритон: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 180°: #b7aa76, #d37656, #ba3e46, #7d2f48, #2e4a59. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

7 ключових кадрів OKLCH, які можна редагувати.

• #b7aa76
• #bba671
• #c0a16c
• #c69b67
• #cb9465
• #ce8d63
• #d0865f
• #d27e5b
• #d37656
• #d36e52
• #d2664f
• #d05e4d
• #cd574b
• #ca5049
• #c54a47
• #c04446
• #ba3e46
• #b43945
• #ad3444
• #a53044
• #9d2d45
• #942d48
• #892d48
• #7d2f48
• #713148
• #66324b
• #5c344f
• #523856
• #463d5d
• #3a435f
• #32485d
• #2e4a59

CSS

background: linear-gradient(180deg in oklch, oklch(73.62% 0.0717 95.62) 0.0%, oklch(73.15% 0.0750 89.61) 3.2%, oklch(72.51% 0.0795 80.94) 6.5%, oklch(71.73% 0.0850 71.04) 9.7%, oklch(70.84% 0.0912 61.36) 12.9%, oklch(69.86% 0.0980 53.37) 16.1%, oklch(68.77% 0.1059 47.64) 19.4%, oklch(67.56% 0.1153 43.07) 22.6%, oklch(66.25% 0.1252 39.34) 25.8%, oklch(64.87% 0.1347 36.15) 29.0%, oklch(63.46% 0.1426 33.20) 32.3%, oklch(62.04% 0.1484 30.40) 35.5%, oklch(60.57% 0.1530 28.14) 38.7%, oklch(59.05% 0.1565 26.26) 41.9%, oklch(57.50% 0.1588 24.51) 45.2%, oklch(55.92% 0.1598 22.68) 48.4%, oklch(54.31% 0.1596 20.64) 51.6%, oklch(52.64% 0.1587 18.83) 54.8%, oklch(50.93% 0.1566 17.05) 58.1%, oklch(49.22% 0.1529 14.99) 61.3%, oklch(47.54% 0.1471 12.31) 64.5%, oklch(45.91% 0.1387 8.86) 67.7%, oklch(44.15% 0.1262 6.10) 71.0%, oklch(42.36% 0.1108 3.31) 74.2%, oklch(40.71% 0.0946 359.03) 77.4%, oklch(39.35% 0.0799 351.83) 80.6%, oklch(38.48% 0.0687 340.20) 83.9%, oklch(38.19% 0.0605 321.14) 87.1%, oklch(38.34% 0.0542 296.68) 90.3%, oklch(38.72% 0.0494 270.99) 93.5%, oklch(39.14% 0.0456 248.25) 96.8%, oklch(39.37% 0.0427 232.65) 100.0%);

У цих колекціях

Червоний сумах при дорозі

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює