Saltar al contenido

Paletas de Grabient

Azul marino, verde azulado, azul claro y rosa en degradado radial

Azul marino, verde azulado, azul claro y rosa: paleta de colores

Degradado radial, 32 colores: #121a37, #1b6f8a, #17c7d5, #8fa5ff, #ef4a93. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

  • #121a37
  • #141f3e
  • #172646
  • #192f50
  • #1a3a5b
  • #1c4667
  • #1c5373
  • #1c617f
  • #1b6f8a
  • #1c7e95
  • #1d8c9f
  • #209aa9
  • #23a6b1
  • #25b2ba
  • #25bbc3
  • #21c2cc
  • #17c7d5
  • #05cae0
  • #00c9ed
  • #17c6f9
  • #48c0ff
  • #69b8ff
  • #7eafff
  • #8fa5ff
  • #a099ff
  • #b388ff
  • #c678f4
  • #d36ce0
  • #de61ca
  • #e657b5
  • #ec50a2
  • #ef4a93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(24.85% 0.0602 267.11) 3.2%, oklch(27.47% 0.0630 262.97) 6.5%, oklch(30.60% 0.0662 257.80) 9.7%, oklch(34.15% 0.0698 251.84) 12.9%, oklch(38.01% 0.0736 245.33) 16.1%, oklch(42.12% 0.0778 238.50) 19.4%, oklch(46.36% 0.0822 231.58) 22.6%, oklch(50.65% 0.0868 224.81) 25.8%, oklch(54.91% 0.0915 218.42) 29.0%, oklch(59.03% 0.0964 212.65) 32.3%, oklch(62.92% 0.1014 207.72) 35.5%, oklch(66.50% 0.1065 203.89) 38.7%, oklch(69.66% 0.1115 201.37) 41.9%, oklch(72.33% 0.1166 200.40) 45.2%, oklch(74.41% 0.1216 201.22) 48.4%, oklch(75.83% 0.1265 204.09) 51.6%, oklch(76.71% 0.1319 209.26) 54.8%, oklch(77.12% 0.1373 216.47) 58.1%, oklch(77.13% 0.1437 225.42) 61.3%, oklch(76.79% 0.1381 235.81) 64.5%, oklch(76.15% 0.1290 247.33) 67.7%, oklch(75.28% 0.1272 259.68) 71.0%, oklch(74.23% 0.1325 272.55) 74.2%, oklch(73.05% 0.1461 285.64) 77.4%, oklch(71.81% 0.1708 298.64) 80.6%, oklch(70.56% 0.1875 311.24) 83.9%, oklch(69.35% 0.1930 323.15) 87.1%, oklch(68.25% 0.1980 334.05) 90.3%, oklch(67.31% 0.2025 343.65) 93.5%, oklch(66.59% 0.2063 351.64) 96.8%, oklch(66.14% 0.2094 357.71) 100.0%);

En estas colecciones

Collage de calcomanías en el casilleroDegradados rosa y verde azulado

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona