Saltar al contenido

Paletas de Grabient

Gris, marrón, negro y azul sin costuras en degradado lineal

Gris, marrón, negro y azul sin costuras: paleta con 34 colores. #d2d7c8, #a6723c, #17051d, #3c71a6, #c9d8d1. Edítala y expórtala como CSS, SVG, PNG o un shader.

34 colores, 8 fotogramas clave OKLCH editables.

  • #d2d7c8
  • #d0d3be
  • #d0ceaf
  • #d2c59d
  • #d2b98b
  • #ceab7a
  • #c49966
  • #b78651
  • #a6723c
  • #955e2a
  • #834c1d
  • #6c3a13
  • #542a0c
  • #401c08
  • #311008
  • #28080d
  • #1f0514
  • #17051d
  • #0e0826
  • #070f2f
  • #041a3d
  • #042952
  • #0d3a6b
  • #1b4c83
  • #285e96
  • #3c71a6
  • #5484b5
  • #6b97c2
  • #7da9cb
  • #8bb8d0
  • #9ac5cf
  • #accecd
  • #bdd4ce
  • #c9d8d1

CSS

background: linear-gradient(90deg in oklch, oklch(87.01% 0.0207 120.94) 0.0%, oklch(85.86% 0.0291 113.96) 3.0%, oklch(84.38% 0.0413 103.81) 6.1%, oklch(82.38% 0.0548 92.54) 9.1%, oklch(79.65% 0.0674 82.21) 12.1%, oklch(76.01% 0.0768 74.81) 15.2%, oklch(71.23% 0.0848 70.22) 18.2%, oklch(65.58% 0.0917 67.16) 21.2%, oklch(59.48% 0.0966 64.59) 24.2%, oklch(53.34% 0.0983 61.44) 27.3%, oklch(47.25% 0.0954 57.51) 30.3%, oklch(40.46% 0.0866 55.11) 33.3%, oklch(33.57% 0.0748 52.27) 36.4%, oklch(27.34% 0.0634 46.53) 39.4%, oklch(22.57% 0.0557 35.40) 42.4%, oklch(19.41% 0.0530 15.38) 45.5%, oklch(17.26% 0.0530 346.97) 48.5%, oklch(16.27% 0.0551 315.89) 51.5%, oklch(16.62% 0.0590 287.87) 54.5%, oklch(18.48% 0.0642 268.61) 57.6%, oklch(22.44% 0.0735 258.89) 60.6%, oklch(28.14% 0.0858 255.11) 63.6%, oklch(34.73% 0.0978 254.40) 66.7%, oklch(41.38% 0.1059 253.93) 69.7%, oklch(47.43% 0.1070 251.57) 72.7%, oklch(53.71% 0.1014 250.48) 75.8%, oklch(60.10% 0.0917 249.91) 78.8%, oklch(66.17% 0.0801 247.89) 81.8%, oklch(71.51% 0.0689 242.45) 84.8%, oklch(75.87% 0.0589 231.19) 87.9%, oklch(79.60% 0.0475 213.80) 90.9%, oklch(82.71% 0.0362 194.13) 93.9%, oklch(85.18% 0.0262 176.17) 97.0%, oklch(87.01% 0.0193 163.91) 100.0%);

En estas colecciones

Azul marino y doradoDegradados de arcoíris apagado

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona