Блакитний, бірюзовий і синій, аналогова гама: лінійні зразки

Лінійні зразки, 32 кольори, кут 45°: #e5fff2, #9ae2c4, #57b69f, #298b8d, #2b5c78. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #e5fff2
• #dffcee
• #d8faea
• #d0f7e4
• #c6f3de
• #bcefd8
• #b1ebd1
• #a5e6cb
• #9ae2c4
• #8fddbe
• #85d8b9
• #7cd3b5
• #74ceb0
• #6cc8ac
• #65c2a8
• #5dbca3
• #57b69f
• #50b09c
• #49aa98
• #43a495
• #3c9e92
• #369890
• #2f918e
• #298b8d
• #26848b
• #247d89
• #247686
• #256f83
• #276980
• #29647d
• #2a5f7a
• #2b5c78

CSS

background: linear-gradient(45deg, oklch(97.64% 0.0317 164.53) 0.000% 3.125%, oklch(96.72% 0.0355 164.72) 3.125% 6.250%, oklch(95.57% 0.0408 164.88) 6.250% 9.375%, oklch(94.21% 0.0471 165.04) 9.375% 12.500%, oklch(92.69% 0.0542 165.23) 12.500% 15.625%, oklch(91.03% 0.0616 165.47) 15.625% 18.750%, oklch(89.28% 0.0691 165.80) 18.750% 21.875%, oklch(87.48% 0.0763 166.23) 21.875% 25.000%, oklch(85.65% 0.0829 166.79) 25.000% 28.125%, oklch(83.83% 0.0884 167.51) 28.125% 31.250%, oklch(82.07% 0.0926 168.41) 31.250% 34.375%, oklch(80.35% 0.0954 169.47) 34.375% 37.500%, oklch(78.59% 0.0971 170.53) 37.500% 40.625%, oklch(76.78% 0.0980 171.64) 40.625% 43.750%, oklch(74.93% 0.0982 172.83) 43.750% 46.875%, oklch(73.06% 0.0979 174.17) 46.875% 50.000%, oklch(71.18% 0.0970 175.69) 50.000% 53.125%, oklch(69.30% 0.0959 177.45) 53.125% 56.250%, oklch(67.43% 0.0945 179.50) 56.250% 59.375%, oklch(65.59% 0.0931 181.88) 59.375% 62.500%, oklch(63.78% 0.0918 184.64) 62.500% 65.625%, oklch(62.01% 0.0905 187.87) 65.625% 68.750%, oklch(60.16% 0.0890 191.94) 68.750% 71.875%, oklch(58.24% 0.0871 196.77) 71.875% 75.000%, oklch(56.28% 0.0849 202.15) 75.000% 78.125%, oklch(54.34% 0.0825 207.85) 78.125% 81.250%, oklch(52.45% 0.0800 213.64) 81.250% 84.375%, oklch(50.65% 0.0776 219.32) 84.375% 87.500%, oklch(48.99% 0.0753 224.65) 87.500% 90.625%, oklch(47.51% 0.0732 229.42) 90.625% 93.750%, oklch(46.26% 0.0715 233.41) 93.750% 96.875%, oklch(45.28% 0.0703 236.39) 96.875% 100.000%);

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

Холодні градієнти

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