Коричневий, сірий і бірюзовий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #c78c29, #9f531d, #5b4038, #3d5b58, #439776. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #c78c29
• #c48626
• #c17f22
• #bd761f
• #b86e1e
• #b3671d
• #ad601d
• #a6591d
• #9f531d
• #974e1f
• #904920
• #884521
• #804123
• #773f25
• #6f3f2a
• #653f31
• #5b4038
• #53423b
• #4e443d
• #4b473e
• #484b40
• #435047
• #405550
• #3d5b58
• #3a625e
• #376a61
• #367263
• #367a66
• #38826b
• #3c8a6f
• #409273
• #439776

CSS

background: linear-gradient(135deg in oklch, oklch(68.11% 0.1295 75.23) 0.0%, oklch(66.82% 0.1295 72.81) 3.2%, oklch(64.98% 0.1296 69.32) 6.5%, oklch(62.86% 0.1295 65.42) 9.7%, oklch(60.71% 0.1287 61.77) 12.9%, oklch(58.70% 0.1272 58.83) 16.1%, oklch(56.64% 0.1253 56.16) 19.4%, oklch(54.54% 0.1229 53.71) 22.6%, oklch(52.48% 0.1195 51.52) 25.8%, oklch(50.51% 0.1150 49.62) 29.0%, oklch(48.56% 0.1098 47.85) 32.3%, oklch(46.64% 0.1037 46.27) 35.5%, oklch(44.85% 0.0963 45.11) 38.7%, oklch(43.30% 0.0871 44.59) 41.9%, oklch(42.01% 0.0747 43.60) 45.2%, oklch(40.88% 0.0580 40.52) 48.4%, oklch(40.00% 0.0405 38.95) 51.6%, oklch(39.47% 0.0259 42.77) 54.8%, oklch(39.40% 0.0177 56.09) 58.1%, oklch(39.82% 0.0156 83.77) 61.3%, oklch(40.65% 0.0176 119.47) 64.5%, oklch(41.77% 0.0222 154.14) 67.7%, oklch(43.10% 0.0281 178.75) 71.0%, oklch(44.67% 0.0356 187.97) 74.2%, oklch(46.57% 0.0460 187.10) 77.4%, oklch(48.65% 0.0575 181.00) 80.6%, oklch(50.78% 0.0681 174.50) 83.9%, oklch(52.89% 0.0762 171.67) 87.1%, oklch(55.29% 0.0829 169.73) 90.3%, oklch(57.75% 0.0886 167.84) 93.5%, oklch(59.91% 0.0932 166.21) 96.8%, oklch(61.42% 0.0965 165.06) 100.0%);

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

Пообіддя біля сидрового преса

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