Перейти к содержимому

Палитры Grabient

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

Цветовая палитра «Синий, циан и зелёный, аналоговая гамма, яркие тона»

Линейный градиент, 32 цвета, угол 90°: #02aded, #1bcaee, #30f5da, #45ffbf, #2df999. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

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

  • #02aded
  • #03afed
  • #08b2ed
  • #10b5ed
  • #16b8ee
  • #1bbcee
  • #1dc1ee
  • #1ec5ee
  • #1bcaee
  • #15cfed
  • #0ed5ec
  • #09dceb
  • #0de2e8
  • #16e8e5
  • #21ede2
  • #2af2de
  • #30f5da
  • #33f8d7
  • #35fad3
  • #34fccf
  • #33fecb
  • #34ffc7
  • #3fffc3
  • #45ffbf
  • #47ffba
  • #40ffb5
  • #33ffae
  • #32fda9
  • #30fca4
  • #2efba0
  • #2df99c
  • #2df999

CSS

background: linear-gradient(90deg in oklch, oklch(70.47% 0.1474 234.14) 0.0%, oklch(70.99% 0.1463 233.02) 3.2%, oklch(71.65% 0.1445 231.67) 6.5%, oklch(72.43% 0.1423 230.08) 9.7%, oklch(73.32% 0.1401 228.21) 12.9%, oklch(74.29% 0.1380 226.04) 16.1%, oklch(75.31% 0.1363 223.54) 19.4%, oklch(76.37% 0.1353 220.68) 22.6%, oklch(77.44% 0.1351 217.42) 25.8%, oklch(78.66% 0.1356 213.44) 29.0%, oklch(80.02% 0.1366 208.79) 32.3%, oklch(81.45% 0.1381 203.72) 35.5%, oklch(82.89% 0.1399 198.49) 38.7%, oklch(84.28% 0.1421 193.33) 41.9%, oklch(85.53% 0.1446 188.49) 45.2%, oklch(86.58% 0.1474 184.21) 48.4%, oklch(87.38% 0.1504 180.68) 51.6%, oklch(88.01% 0.1540 177.61) 54.8%, oklch(88.50% 0.1581 174.90) 58.1%, oklch(88.87% 0.1625 172.49) 61.3%, oklch(89.12% 0.1671 170.34) 64.5%, oklch(89.28% 0.1707 168.38) 67.7%, oklch(89.36% 0.1705 166.56) 71.0%, oklch(89.37% 0.1716 164.82) 74.2%, oklch(89.29% 0.1747 163.17) 77.4%, oklch(89.04% 0.1813 161.68) 80.6%, oklch(88.66% 0.1895 160.35) 83.9%, oklch(88.20% 0.1925 159.18) 87.1%, oklch(87.72% 0.1952 158.16) 90.3%, oklch(87.26% 0.1976 157.29) 93.5%, oklch(86.87% 0.1996 156.55) 96.8%, oklch(86.61% 0.2012 155.94) 100.0%);

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

Яркие градиентыЛетние градиентыНеоновые градиенты

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