Чорний → бежевий, монохром: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #1b0f0a, #3c2117, #74523a, #c69f7a, #f3e5d0. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #1b0f0a
• #1d100b
• #20120c
• #24130d
• #28150e
• #2d1710
• #321a12
• #371d14
• #3c2117
• #42251a
• #482a1d
• #4e2f21
• #543525
• #5b3b29
• #63422e
• #6b4a34
• #74523a
• #7e5c42
• #8a664a
• #977253
• #a47d5c
• #b08966
• #bc9570
• #c69f7a
• #ceaa84
• #d6b48f
• #dcbe9c
• #e2c8a8
• #e7d1b4
• #ecd9c0
• #f0e0c9
• #f3e5d0

CSS

background: linear-gradient(135deg in oklch, oklch(18.35% 0.0229 43.45) 0.0%, oklch(19.03% 0.0248 43.12) 3.2%, oklch(19.88% 0.0274 42.56) 6.5%, oklch(20.90% 0.0306 41.88) 9.7%, oklch(22.06% 0.0340 41.21) 12.9%, oklch(23.37% 0.0375 40.68) 16.1%, oklch(24.82% 0.0409 40.41) 19.4%, oklch(26.41% 0.0439 40.54) 22.6%, oklch(28.12% 0.0462 41.18) 25.8%, oklch(29.95% 0.0481 42.40) 29.0%, oklch(31.89% 0.0498 44.08) 32.3%, oklch(33.97% 0.0511 46.10) 35.5%, oklch(36.20% 0.0524 48.31) 38.7%, oklch(38.60% 0.0536 50.59) 41.9%, oklch(41.17% 0.0548 52.78) 45.2%, oklch(43.93% 0.0561 54.77) 48.4%, oklch(46.94% 0.0576 56.44) 51.6%, oklch(50.35% 0.0597 57.96) 54.8%, oklch(54.08% 0.0622 59.37) 58.1%, oklch(58.00% 0.0647 60.72) 61.3%, oklch(61.98% 0.0669 62.04) 64.5%, oklch(65.88% 0.0686 63.35) 67.7%, oklch(69.59% 0.0693 64.68) 71.0%, oklch(72.97% 0.0688 66.07) 74.2%, oklch(76.04% 0.0666 67.58) 77.4%, oklch(79.05% 0.0627 69.25) 80.6%, oklch(81.95% 0.0575 71.00) 83.9%, oklch(84.69% 0.0516 72.75) 87.1%, oklch(87.21% 0.0455 74.43) 90.3%, oklch(89.43% 0.0398 75.94) 93.5%, oklch(91.30% 0.0351 77.21) 96.8%, oklch(92.75% 0.0318 78.16) 100.0%);

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

Coffee color palettes

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