Saltar al contenido

Paletas de Grabient

Azul, verde azulado y azul claro (análogos) en degradado lineal

Azul, verde azulado y azul claro (análogos): paleta de colores

Degradado lineal, 32 colores a 135°: #0693e9, #2db0d0, #63cfb4, #81dcb0, #84d1c2. Edita y exporta CSS, SVG, PNG o un shader.

5 fotogramas clave OKLCH editables.

  • #0693e9
  • #0095e7
  • #0099e4
  • #009ce1
  • #0aa0de
  • #16a4da
  • #20a8d6
  • #28acd3
  • #2db0d0
  • #31b4cd
  • #35b9c9
  • #3abdc6
  • #41c2c2
  • #49c6be
  • #52caba
  • #5bcdb6
  • #63cfb4
  • #69d2b2
  • #6fd4b0
  • #74d7af
  • #78d9af
  • #7cdaaf
  • #7fdcaf
  • #81dcb0
  • #82dcb1
  • #82dcb4
  • #82dab7
  • #82d8ba
  • #82d6bd
  • #82d4c0
  • #83d3c1
  • #84d1c2

CSS

background: linear-gradient(135deg in oklch, oklch(64.17% 0.1640 246.09) 0.0%, oklch(64.63% 0.1598 244.11) 3.2%, oklch(65.23% 0.1536 241.58) 6.5%, oklch(65.94% 0.1475 238.56) 9.7%, oklch(66.74% 0.1401 235.14) 12.9%, oklch(67.60% 0.1328 231.37) 16.1%, oklch(68.50% 0.1260 227.31) 19.4%, oklch(69.40% 0.1203 223.01) 22.6%, oklch(70.30% 0.1163 218.52) 25.8%, oklch(71.27% 0.1135 213.33) 29.0%, oklch(72.32% 0.1117 207.48) 32.3%, oklch(73.40% 0.1105 201.24) 35.5%, oklch(74.50% 0.1099 194.92) 38.7%, oklch(75.58% 0.1096 188.81) 41.9%, oklch(76.60% 0.1094 183.19) 45.2%, oklch(77.53% 0.1091 178.37) 48.4%, oklch(78.36% 0.1087 174.52) 51.6%, oklch(79.17% 0.1088 171.18) 54.8%, oklch(79.95% 0.1093 168.27) 58.1%, oklch(80.67% 0.1099 165.84) 61.3%, oklch(81.33% 0.1105 163.91) 64.5%, oklch(81.89% 0.1107 162.52) 67.7%, oklch(82.33% 0.1104 161.71) 71.0%, oklch(82.63% 0.1093 161.51) 74.2%, oklch(82.74% 0.1071 162.14) 77.4%, oklch(82.65% 0.1037 163.94) 80.6%, oklch(82.39% 0.0996 166.58) 83.9%, oklch(82.04% 0.0950 169.73) 87.1%, oklch(81.63% 0.0903 173.04) 90.3%, oklch(81.24% 0.0860 176.18) 93.5%, oklch(80.91% 0.0824 178.81) 96.8%, oklch(80.71% 0.0799 180.58) 100.0%);

En estas colecciones

Degradados de océanoDegradados de playaDegradados costerosPaleta de colores verde menta

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona