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

Лінійний градієнт, 32 кольори, кут 135°: #08110b, #275930, #99a43a, #985264, #2b1738. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #08110b
• #09150e
• #0b1c11
• #0c2316
• #0e2c1b
• #113621
• #154126
• #1c4c2b
• #275930
• #356733
• #457535
• #568235
• #678c33
• #769432
• #839b34
• #8ea037
• #99a43a
• #a3a43a
• #aea037
• #b89633
• #be8537
• #ba7146
• #ad5f58
• #985264
• #814869
• #6d4168
• #5d3962
• #4f3159
• #43294f
• #392145
• #311b3d
• #2b1738

CSS

background: linear-gradient(135deg in oklch, oklch(16.54% 0.0193 155.39) 0.0%, oklch(18.29% 0.0244 155.43) 3.2%, oklch(20.63% 0.0313 155.72) 6.5%, oklch(23.44% 0.0396 155.97) 9.7%, oklch(26.61% 0.0487 155.91) 12.9%, oklch(30.01% 0.0580 155.25) 16.1%, oklch(33.54% 0.0671 153.71) 19.4%, oklch(37.36% 0.0764 151.10) 22.6%, oklch(41.81% 0.0869 147.54) 25.8%, oklch(46.57% 0.0979 143.29) 29.0%, oklch(51.31% 0.1085 138.59) 32.3%, oklch(55.70% 0.1177 133.66) 35.5%, oklch(59.41% 0.1248 128.76) 38.7%, oklch(62.31% 0.1290 124.38) 41.9%, oklch(64.94% 0.1310 121.27) 45.2%, oklch(67.20% 0.1312 118.52) 48.4%, oklch(68.90% 0.1300 115.07) 51.6%, oklch(69.84% 0.1277 109.85) 54.8%, oklch(69.83% 0.1247 101.79) 58.1%, oklch(68.64% 0.1211 89.66) 61.3%, oklch(65.93% 0.1159 71.85) 64.5%, oklch(62.05% 0.1093 50.13) 67.7%, oklch(57.46% 0.1021 26.86) 71.0%, oklch(52.64% 0.0949 4.41) 74.2%, oklch(48.06% 0.0883 345.15) 77.4%, oklch(44.16% 0.0831 331.38) 80.6%, oklch(40.42% 0.0788 322.59) 83.9%, oklch(36.62% 0.0750 317.18) 87.1%, oklch(32.96% 0.0717 314.19) 90.3%, oklch(29.64% 0.0689 312.70) 93.5%, oklch(26.86% 0.0666 311.74) 96.8%, oklch(24.80% 0.0648 310.38) 100.0%);

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

Відьомська палітра кольорів

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