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

Лінійний градієнт, 40 кольорів, кут 225°: #6b8c70, #96833b, #bf7037, #a4883f, #7d9a74. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #6b8c70
• #6c8c6d
• #6d8c6a
• #708c66
• #738c61
• #778b5c
• #7c8a56
• #82894f
• #888748
• #8f8542
• #96833b
• #9d8036
• #a37e32
• #aa7b30
• #af782f
• #b47630
• #b87331
• #bb7233
• #bd7135
• #be7037
• #bf7037
• #bf7137
• #be7336
• #bc7535
• #ba7835
• #b77b34
• #b37e35
• #ae8137
• #a9853a
• #a4883f
• #9e8c45
• #998e4b
• #939151
• #8e9358
• #89955e
• #869764
• #829869
• #80996e
• #7e9972
• #7d9a74

CSS

background: linear-gradient(225deg in oklch, oklch(60.63% 0.0565 149.06) 0.0%, oklch(60.67% 0.0585 146.16) 2.6%, oklch(60.72% 0.0611 142.39) 5.1%, oklch(60.77% 0.0643 137.87) 7.7%, oklch(60.82% 0.0679 132.71) 10.3%, oklch(60.88% 0.0718 127.03) 12.8%, oklch(60.95% 0.0761 120.92) 15.4%, oklch(61.01% 0.0805 114.52) 17.9%, oklch(61.09% 0.0851 107.91) 20.5%, oklch(61.16% 0.0898 101.23) 23.1%, oklch(61.24% 0.0944 94.57) 25.6%, oklch(61.32% 0.0990 88.05) 28.2%, oklch(61.41% 0.1033 81.78) 30.8%, oklch(61.50% 0.1074 75.87) 33.3%, oklch(61.60% 0.1112 70.44) 35.9%, oklch(61.70% 0.1146 65.59) 38.5%, oklch(61.81% 0.1175 61.43) 41.0%, oklch(61.91% 0.1198 58.08) 43.6%, oklch(62.03% 0.1215 55.64) 46.2%, oklch(62.14% 0.1224 54.24) 48.7%, oklch(62.27% 0.1226 53.96) 51.3%, oklch(62.40% 0.1220 54.80) 53.8%, oklch(62.55% 0.1207 56.65) 56.4%, oklch(62.72% 0.1188 59.39) 59.0%, oklch(62.89% 0.1163 62.93) 61.5%, oklch(63.07% 0.1133 67.15) 64.1%, oklch(63.25% 0.1100 71.96) 66.7%, oklch(63.44% 0.1063 77.24) 69.2%, oklch(63.64% 0.1023 82.88) 71.8%, oklch(63.83% 0.0982 88.78) 74.4%, oklch(64.02% 0.0940 94.83) 76.9%, oklch(64.21% 0.0897 100.93) 79.5%, oklch(64.39% 0.0855 106.96) 82.1%, oklch(64.57% 0.0814 112.83) 84.6%, oklch(64.73% 0.0774 118.42) 87.2%, oklch(64.89% 0.0738 123.63) 89.7%, oklch(65.03% 0.0705 128.35) 92.3%, oklch(65.15% 0.0676 132.47) 94.9%, oklch(65.26% 0.0652 135.89) 97.4%, oklch(65.35% 0.0634 138.49) 100.0%);

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

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

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