Saltar al contenido

Paletas de Grabient

Gris en tonos fríos en muestras lineales

Gris en tonos fríos: paleta de colores

Muestras lineales, 64 colores a 45°: #48555a, #78898e, #9fb4bb, #818f9c, #5c5d6e. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

  • #48555a
  • #4a575c
  • #4c595e
  • #4e5b60
  • #505d62
  • #526065
  • #556368
  • #58666b
  • #5b6a6f
  • #5e6d72
  • #627176
  • #65757a
  • #69797e
  • #6d7d82
  • #718186
  • #74858a
  • #78898e
  • #7c8d92
  • #809196
  • #83959a
  • #87999e
  • #8a9da2
  • #8da0a6
  • #90a4a9
  • #93a7ac
  • #96aaaf
  • #98acb2
  • #9aafb4
  • #9cb0b6
  • #9db2b8
  • #9eb3ba
  • #9fb4ba
  • #9fb4bb
  • #9fb4bb
  • #9fb3bb
  • #9eb2ba
  • #9cb0b9
  • #9baeb7
  • #99acb6
  • #97aab4
  • #95a7b2
  • #92a4af
  • #90a1ac
  • #8d9da9
  • #8a9aa6
  • #8796a3
  • #8492a0
  • #818f9c
  • #7e8b99
  • #7b8795
  • #788392
  • #757f8e
  • #727b8b
  • #707887
  • #6d7484
  • #6a7181
  • #686e7e
  • #656b7b
  • #636878
  • #616575
  • #5f6373
  • #5e6171
  • #5d5f6f
  • #5c5d6e

CSS

background: linear-gradient(45deg, oklch(44.09% 0.0179 222.89) 0.000% 1.563%, oklch(44.65% 0.0180 222.81) 1.563% 3.125%, oklch(45.33% 0.0182 222.66) 3.125% 4.688%, oklch(46.11% 0.0183 222.45) 4.688% 6.250%, oklch(46.98% 0.0185 222.20) 6.250% 7.813%, oklch(47.95% 0.0187 221.89) 7.813% 9.375%, oklch(48.99% 0.0189 221.55) 9.375% 10.938%, oklch(50.10% 0.0191 221.18) 10.938% 12.500%, oklch(51.28% 0.0193 220.78) 12.500% 14.063%, oklch(52.51% 0.0195 220.37) 14.063% 15.625%, oklch(53.78% 0.0198 219.94) 15.625% 17.188%, oklch(55.09% 0.0200 219.50) 17.188% 18.750%, oklch(56.43% 0.0203 219.07) 18.750% 20.313%, oklch(57.79% 0.0205 218.64) 20.313% 21.875%, oklch(59.15% 0.0208 218.22) 21.875% 23.438%, oklch(60.52% 0.0211 217.82) 23.438% 25.000%, oklch(61.88% 0.0213 217.45) 25.000% 26.563%, oklch(63.22% 0.0216 217.11) 26.563% 28.125%, oklch(64.54% 0.0219 216.81) 28.125% 29.688%, oklch(65.83% 0.0221 216.55) 29.688% 31.250%, oklch(67.08% 0.0224 216.35) 31.250% 32.813%, oklch(68.27% 0.0227 216.20) 32.813% 34.375%, oklch(69.41% 0.0229 216.11) 34.375% 35.938%, oklch(70.47% 0.0232 216.10) 35.938% 37.500%, oklch(71.47% 0.0234 216.16) 37.500% 39.063%, oklch(72.37% 0.0236 216.31) 39.063% 40.625%, oklch(73.18% 0.0238 216.54) 40.625% 42.188%, oklch(73.89% 0.0240 216.87) 42.188% 43.750%, oklch(74.49% 0.0242 217.31) 43.750% 45.313%, oklch(74.97% 0.0244 217.85) 45.313% 46.875%, oklch(75.32% 0.0246 218.51) 46.875% 48.438%, oklch(75.54% 0.0247 219.28) 48.438% 50.000%, oklch(75.61% 0.0249 220.20) 50.000% 51.563%, oklch(75.53% 0.0250 221.28) 51.563% 53.125%, oklch(75.33% 0.0251 222.54) 53.125% 54.688%, oklch(75.00% 0.0252 223.96) 54.688% 56.250%, oklch(74.55% 0.0253 225.52) 56.250% 57.813%, oklch(73.99% 0.0254 227.22) 57.813% 59.375%, oklch(73.34% 0.0255 229.05) 59.375% 60.938%, oklch(72.59% 0.0255 230.98) 60.938% 62.500%, oklch(71.76% 0.0256 233.01) 62.500% 64.063%, oklch(70.85% 0.0257 235.14) 64.063% 65.625%, oklch(69.87% 0.0257 237.33) 65.625% 67.188%, oklch(68.84% 0.0258 239.59) 67.188% 68.750%, oklch(67.76% 0.0258 241.91) 68.750% 70.313%, oklch(66.63% 0.0259 244.26) 70.313% 71.875%, oklch(65.47% 0.0259 246.64) 71.875% 73.438%, oklch(64.28% 0.0259 249.04) 73.438% 75.000%, oklch(63.07% 0.0259 251.44) 75.000% 76.563%, oklch(61.85% 0.0260 253.84) 76.563% 78.125%, oklch(60.64% 0.0260 256.21) 78.125% 79.688%, oklch(59.43% 0.0260 258.56) 79.688% 81.250%, oklch(58.23% 0.0260 260.86) 81.250% 82.813%, oklch(57.06% 0.0260 263.11) 82.813% 84.375%, oklch(55.92% 0.0260 265.29) 84.375% 85.938%, oklch(54.82% 0.0261 267.39) 85.938% 87.500%, oklch(53.76% 0.0261 269.40) 87.500% 89.063%, oklch(52.77% 0.0261 271.31) 89.063% 90.625%, oklch(51.83% 0.0261 273.11) 90.625% 92.188%, oklch(50.97% 0.0261 274.77) 92.188% 93.750%, oklch(50.19% 0.0261 276.31) 93.750% 95.313%, oklch(49.50% 0.0261 277.69) 95.313% 96.875%, oklch(48.91% 0.0262 278.91) 96.875% 98.438%, oklch(48.43% 0.0262 279.96) 98.438% 100.000%);

En estas colecciones

Degradados azules monocromosDegradados gris frío

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona