Синій, зелений і сірий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 315°: #7b88bd, #6587d1, #527a89, #849655, #626c70. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #7b88bd
• #7c8bc1
• #7e90c7
• #8094cd
• #7f97d1
• #7c96d3
• #7592d4
• #6d8dd3
• #6587d1
• #5f81cc
• #5d7ac6
• #5d73bd
• #5b6db3
• #566caa
• #4d6fa2
• #4a7596
• #527a89
• #5f7e81
• #66827e
• #67897c
• #6a9174
• #729767
• #7d995b
• #849655
• #859154
• #828c57
• #7a885c
• #6f8463
• #63806d
• #5e7974
• #607174
• #626c70

CSS

background: linear-gradient(315deg in oklch, oklch(63.78% 0.0813 272.81) 0.0%, oklch(64.68% 0.0827 271.73) 3.2%, oklch(66.06% 0.0845 270.14) 6.5%, oklch(67.38% 0.0871 268.43) 9.7%, oklch(68.11% 0.0905 266.95) 12.9%, oklch(67.79% 0.0955 265.96) 16.1%, oklch(66.58% 0.1033 265.24) 19.4%, oklch(64.84% 0.1118 264.73) 22.6%, oklch(62.93% 0.1186 264.44) 25.8%, oklch(61.18% 0.1213 264.40) 29.0%, oklch(59.26% 0.1203 266.54) 32.3%, oklch(57.16% 0.1166 269.83) 35.5%, oklch(55.30% 0.1105 271.45) 38.7%, oklch(54.10% 0.1020 268.53) 41.9%, oklch(53.89% 0.0895 258.50) 45.2%, oklch(54.50% 0.0705 242.12) 48.4%, oklch(55.63% 0.0506 222.51) 51.6%, oklch(56.96% 0.0358 202.79) 54.8%, oklch(58.25% 0.0322 185.81) 58.1%, oklch(59.97% 0.0427 169.12) 61.3%, oklch(61.92% 0.0613 152.74) 64.5%, oklch(63.61% 0.0802 138.45) 67.7%, oklch(64.53% 0.0917 128.05) 71.0%, oklch(64.35% 0.0920 121.66) 74.2%, oklch(63.36% 0.0857 117.90) 77.4%, oklch(61.89% 0.0757 117.86) 80.6%, oklch(60.29% 0.0648 122.68) 83.9%, oklch(58.81% 0.0551 134.13) 87.1%, oklch(57.06% 0.0439 156.01) 90.3%, oklch(55.19% 0.0319 183.17) 93.5%, oklch(53.52% 0.0212 208.86) 96.8%, oklch(52.36% 0.0138 226.32) 100.0%);

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

Вінтажні градієнтиЗразки темних відтінків

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