Сірий і синій, монохром: лінійні зразки

Лінійні зразки, 13 кольорів, кут 180°: #d3d4d7, #acbed4, #78a3c7, #5d82b1, #53669c. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #d3d4d7
• #caced6
• #bcc7d5
• #acbed4
• #99b5d1
• #87accd
• #78a3c7
• #6c99c1
• #638dba
• #5d82b1
• #5976a9
• #566da1
• #53669c

CSS

background: linear-gradient(180deg, oklch(87.01% 0.0041 262.97) 0.000% 7.692%, oklch(85.13% 0.0121 260.54) 7.692% 15.385%, oklch(82.53% 0.0235 256.78) 15.385% 23.077%, oklch(79.45% 0.0369 252.53) 23.077% 30.769%, oklch(76.13% 0.0504 248.60) 30.769% 38.462%, oklch(72.80% 0.0626 245.82) 38.462% 46.154%, oklch(69.69% 0.0717 245.00) 46.154% 53.846%, oklch(66.55% 0.0776 246.76) 53.846% 61.538%, oklch(63.15% 0.0816 250.56) 61.538% 69.231%, oklch(59.74% 0.0841 255.51) 69.231% 76.923%, oklch(56.58% 0.0858 260.70) 76.923% 84.615%, oklch(53.90% 0.0870 265.25) 84.615% 92.308%, oklch(51.97% 0.0882 268.25) 92.308% 100.000%);

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

Білі зразкиСині зразкиГрадієнти для фону в ZoomЗразки океану

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