Saltar al contenido

Paletas de Grabient

De azul claro a azul (monocromo) en degradado lineal

De azul claro a azul (monocromo): paleta con 32 colores. #d3efff, #59b1ff, #0c51d6, #0741ac, #50a5fc. Edítala y expórtala como CSS, SVG, PNG o un shader.

32 colores, 7 fotogramas clave OKLCH editables.

  • #d3efff
  • #c9ebff
  • #bce6ff
  • #addfff
  • #9dd7ff
  • #8dcfff
  • #7dc6ff
  • #6bbcff
  • #59b1ff
  • #47a5ff
  • #3799fe
  • #2a8dfa
  • #1e80f6
  • #1574f0
  • #0f67ea
  • #0c5ce1
  • #0c51d6
  • #0b47c5
  • #093eb2
  • #0837a1
  • #073395
  • #073494
  • #07389c
  • #0741ac
  • #084cbf
  • #0958d1
  • #0d64de
  • #1872e7
  • #2681ee
  • #3790f4
  • #459df8
  • #50a5fc

CSS

background: linear-gradient(135deg in oklch, oklch(93.70% 0.0368 232.01) 0.0%, oklch(92.27% 0.0447 233.23) 3.2%, oklch(90.31% 0.0553 234.91) 6.5%, oklch(87.96% 0.0679 236.91) 9.7%, oklch(85.38% 0.0815 239.06) 12.9%, oklch(82.72% 0.0954 241.19) 16.1%, oklch(79.99% 0.1097 243.33) 19.4%, oklch(77.03% 0.1252 245.64) 22.6%, oklch(73.92% 0.1417 248.01) 25.8%, oklch(70.73% 0.1587 250.34) 29.0%, oklch(67.57% 0.1738 252.50) 32.3%, oklch(64.45% 0.1852 254.47) 35.5%, oklch(61.27% 0.1959 256.39) 38.7%, oklch(58.08% 0.2051 258.20) 41.9%, oklch(54.92% 0.2118 259.80) 45.2%, oklch(51.86% 0.2150 261.11) 48.4%, oklch(48.84% 0.2131 262.03) 51.6%, oklch(45.33% 0.2040 262.59) 54.8%, oklch(41.77% 0.1906 262.86) 58.1%, oklch(38.76% 0.1770 262.91) 61.3%, oklch(36.91% 0.1669 262.80) 64.5%, oklch(36.81% 0.1641 262.60) 67.7%, oklch(38.61% 0.1695 262.29) 71.0%, oklch(41.76% 0.1796 261.83) 74.2%, oklch(45.67% 0.1908 261.19) 77.4%, oklch(49.71% 0.1991 260.36) 80.6%, oklch(53.32% 0.2009 259.31) 83.9%, oklch(57.07% 0.1949 257.79) 87.1%, oklch(61.14% 0.1840 255.90) 90.3%, oklch(65.08% 0.1712 253.95) 93.5%, oklch(68.47% 0.1594 252.24) 96.8%, oklch(70.87% 0.1516 251.05) 100.0%);

En estas colecciones

Degradados azul eléctricoDegradados para sección heroDegradados de fondo para appsDegradados para fondo de escritorio

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona