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

Лінійний градієнт, 32 кольори, кут 90°: #b87534, #96512e, #5f3c3c, #3f4052, #385b6d. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #b87534
• #b67233
• #b36e32
• #af6930
• #ab642f
• #a75e2e
• #a25a2e
• #9c552e
• #96512e
• #8f4d2d
• #88492d
• #82462e
• #7b4330
• #754033
• #6e3e36
• #663d39
• #5f3c3c
• #583c3e
• #523b40
• #4e3b43
• #4b3b46
• #473c4a
• #433e4e
• #3f4052
• #3a4355
• #374557
• #36495a
• #364d5d
• #365162
• #375566
• #38596a
• #385b6d

CSS

background: linear-gradient(90deg in oklch, oklch(62.20% 0.1157 61.88) 0.0%, oklch(61.36% 0.1154 60.54) 3.2%, oklch(60.21% 0.1152 58.69) 6.5%, oklch(58.83% 0.1149 56.49) 9.7%, oklch(57.32% 0.1141 54.13) 12.9%, oklch(55.76% 0.1129 51.77) 16.1%, oklch(54.23% 0.1108 49.59) 19.4%, oklch(52.72% 0.1078 47.84) 22.6%, oklch(51.09% 0.1042 46.56) 25.8%, oklch(49.40% 0.1000 45.41) 29.0%, oklch(47.72% 0.0952 44.02) 32.3%, oklch(46.11% 0.0898 42.03) 35.5%, oklch(44.63% 0.0838 39.09) 38.7%, oklch(43.32% 0.0770 35.14) 41.9%, oklch(42.04% 0.0683 31.00) 45.2%, oklch(40.84% 0.0587 26.35) 48.4%, oklch(39.76% 0.0489 20.75) 51.6%, oklch(38.83% 0.0401 13.74) 54.8%, oklch(38.11% 0.0332 4.87) 58.1%, oklch(37.63% 0.0290 353.50) 61.3%, oklch(37.38% 0.0273 338.09) 64.5%, oklch(37.31% 0.0274 319.86) 67.7%, oklch(37.43% 0.0288 300.56) 71.0%, oklch(37.71% 0.0308 281.98) 74.2%, oklch(38.14% 0.0330 265.88) 77.4%, oklch(38.71% 0.0348 253.97) 80.6%, oklch(39.61% 0.0369 245.82) 83.9%, oklch(40.79% 0.0396 240.24) 87.1%, oklch(42.11% 0.0426 236.58) 90.3%, oklch(43.40% 0.0455 234.19) 93.5%, oklch(44.51% 0.0479 232.41) 96.8%, oklch(45.28% 0.0496 230.60) 100.0%);

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

Ностальгія за бібліотечними картками

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