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

Лінійний градієнт, 32 кольори, кут 90°: #a34d44, #ab9d56, #49765b, #27391b, #451625. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #a34d44
• #a65341
• #aa5b3e
• #ae653b
• #b1713b
• #b27d3e
• #b28943
• #af944c
• #ab9d56
• #a4a45f
• #9da666
• #93a569
• #86a06a
• #779869
• #678e66
• #588261
• #49765b
• #3c6953
• #315d4a
• #295241
• #234a38
• #214330
• #223e26
• #27391b
• #2e340f
• #362f04
• #3d2900
• #422303
• #461e0d
• #471a17
• #461820
• #451625

CSS

background: linear-gradient(90deg in oklch, oklch(52.76% 0.1157 28.13) 0.0%, oklch(53.97% 0.1141 33.48) 3.2%, oklch(55.80% 0.1120 40.59) 6.5%, oklch(58.06% 0.1096 49.09) 9.7%, oklch(60.57% 0.1068 58.60) 12.9%, oklch(63.14% 0.1039 68.74) 16.1%, oklch(65.58% 0.1007 79.13) 19.4%, oklch(67.70% 0.0975 89.41) 22.6%, oklch(69.32% 0.0942 99.18) 25.8%, oklch(70.24% 0.0910 108.09) 29.0%, oklch(70.29% 0.0878 115.74) 32.3%, oklch(69.27% 0.0847 122.36) 35.5%, oklch(67.19% 0.0811 129.51) 38.7%, oklch(64.25% 0.0773 136.92) 41.9%, oklch(60.66% 0.0733 144.19) 45.2%, oklch(56.64% 0.0692 150.91) 48.4%, oklch(52.39% 0.0654 156.69) 51.6%, oklch(48.13% 0.0618 161.11) 54.8%, oklch(44.07% 0.0587 163.76) 58.1%, oklch(40.42% 0.0561 164.26) 61.3%, oklch(37.39% 0.0544 162.18) 64.5%, oklch(35.17% 0.0536 157.02) 67.7%, oklch(33.46% 0.0538 147.52) 71.0%, oklch(32.11% 0.0549 134.13) 74.2%, oklch(31.06% 0.0568 117.82) 77.4%, oklch(30.26% 0.0591 99.56) 80.6%, oklch(29.67% 0.0614 80.13) 83.9%, oklch(29.22% 0.0646 61.01) 87.1%, oklch(28.87% 0.0673 42.65) 90.3%, oklch(28.58% 0.0697 26.18) 93.5%, oklch(28.29% 0.0717 12.56) 96.8%, oklch(27.95% 0.0730 2.76) 100.0%);

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

Червоно-зелені градієнти

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