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

Лінійний градієнт, 32 кольори, кут 180°: #160c24, #272856, #00617e, #009893, #70d3ba. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #160c24
• #170d28
• #1a102c
• #1c1332
• #1f1639
• #221a40
• #251e48
• #26234f
• #272856
• #262e5d
• #253563
• #223c69
• #1e436e
• #184a73
• #115277
• #07597b
• #00617e
• #006881
• #007084
• #007887
• #007f8a
• #00878d
• #008f90
• #009893
• #01a097
• #22a89b
• #35b1a1
• #46b9a7
• #54c1ad
• #5fc8b2
• #69ceb7
• #70d3ba

CSS

background: linear-gradient(180deg in oklch, oklch(18.11% 0.0496 300.23) 0.0%, oklch(19.03% 0.0522 298.84) 3.2%, oklch(20.24% 0.0558 297.21) 6.5%, oklch(21.68% 0.0601 295.28) 9.7%, oklch(23.29% 0.0648 292.99) 12.9%, oklch(25.02% 0.0695 290.28) 16.1%, oklch(26.81% 0.0739 287.09) 19.4%, oklch(28.60% 0.0777 283.35) 22.6%, oklch(30.36% 0.0805 279.00) 25.8%, oklch(32.13% 0.0825 273.72) 29.0%, oklch(33.98% 0.0839 267.62) 32.3%, oklch(35.87% 0.0849 260.93) 35.5%, oklch(37.82% 0.0856 253.93) 38.7%, oklch(39.80% 0.0864 246.85) 41.9%, oklch(41.81% 0.0873 239.95) 45.2%, oklch(43.85% 0.0887 233.48) 48.4%, oklch(45.92% 0.0892 227.61) 51.6%, oklch(48.02% 0.0886 221.76) 54.8%, oklch(50.16% 0.0891 215.95) 58.1%, oklch(52.33% 0.0906 210.30) 61.3%, oklch(54.53% 0.0931 204.90) 64.5%, oklch(56.75% 0.0965 199.86) 67.7%, oklch(58.99% 0.1006 195.27) 71.0%, oklch(61.25% 0.1054 191.24) 74.2%, oklch(63.59% 0.1105 187.84) 77.4%, oklch(66.18% 0.1099 184.98) 80.6%, oklch(68.89% 0.1087 182.61) 83.9%, oklch(71.59% 0.1069 180.65) 87.1%, oklch(74.17% 0.1050 179.02) 90.3%, oklch(76.50% 0.1031 177.68) 93.5%, oklch(78.46% 0.1016 176.54) 96.8%, oklch(79.92% 0.1006 175.54) 100.0%);

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

Відьомська палітра кольорів

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