Серый, зелёный, бирюзовый и морской синий, аналоговая гамма: цветовые полосы

Цветовые полосы, 32 цвета, угол 180°: #aa9e78, #728751, #2d6c50, #06504d, #0a313b. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

4 редактируемые ключевые точки OKLCH.

• #aa9e78
• #a79c74
• #a29a6f
• #9c976a
• #959464
• #8e915e
• #858e59
• #7c8a55
• #728751
• #68844f
• #5f814e
• #567e4d
• #4d7b4d
• #45774e
• #3c744f
• #347050
• #2d6c50
• #266951
• #1f6551
• #196051
• #135c50
• #0e5850
• #09544f
• #06504d
• #044b4b
• #044649
• #054247
• #063d44
• #083941
• #09363f
• #0a333d
• #0a313b

CSS

background: linear-gradient(180deg, oklch(70.08% 0.0551 92.81) 0.000% 3.125%, oklch(69.26% 0.0570 95.36) 3.125% 6.250%, oklch(68.22% 0.0598 98.61) 6.250% 9.375%, oklch(66.99% 0.0631 102.45) 9.375% 12.500%, oklch(65.60% 0.0667 106.77) 12.500% 15.625%, oklch(64.11% 0.0706 111.43) 15.625% 18.750%, oklch(62.54% 0.0744 116.32) 18.750% 21.875%, oklch(60.95% 0.0780 121.31) 21.875% 25.000%, oklch(59.36% 0.0811 126.30) 25.000% 28.125%, oklch(57.82% 0.0835 131.15) 28.125% 31.250%, oklch(56.36% 0.0851 135.74) 31.250% 34.375%, oklch(55.00% 0.0858 140.07) 34.375% 37.500%, oklch(53.65% 0.0857 144.44) 37.500% 40.625%, oklch(52.30% 0.0850 148.83) 40.625% 43.750%, oklch(50.95% 0.0838 153.25) 43.750% 46.875%, oklch(49.61% 0.0822 157.65) 46.875% 50.000%, oklch(48.27% 0.0803 162.04) 50.000% 53.125%, oklch(46.94% 0.0782 166.38) 53.125% 56.250%, oklch(45.62% 0.0760 170.65) 56.250% 59.375%, oklch(44.30% 0.0738 174.84) 59.375% 62.500%, oklch(42.99% 0.0716 178.92) 62.500% 65.625%, oklch(41.69% 0.0696 182.90) 65.625% 68.750%, oklch(40.32% 0.0674 186.98) 68.750% 71.875%, oklch(38.88% 0.0648 191.16) 71.875% 75.000%, oklch(37.42% 0.0621 195.36) 75.000% 78.125%, oklch(35.96% 0.0593 199.50) 78.125% 81.250%, oklch(34.54% 0.0565 203.50) 81.250% 84.375%, oklch(33.18% 0.0537 207.28) 84.375% 87.500%, oklch(31.93% 0.0511 210.75) 87.500% 90.625%, oklch(30.82% 0.0489 213.85) 90.625% 93.750%, oklch(29.87% 0.0469 216.48) 93.750% 96.875%, oklch(29.13% 0.0455 218.57) 96.875% 100.000%);

В этих коллекциях

Градиенты старого садаМягкие разноцветные градиентыПриглушённые градиенты

Похожие палитрыКоллекцииСкачать PNGJSON палитрыMarkdownКак это работает