Saltar al contenido

Paletas de Grabient

Verde azulado, morado y azul (tritono) en degradado angular

Verde azulado, morado y azul (tritono): paleta con 80 colores. #72d2c0, #f5e7dd, #16121e, #a53d89, #2e8eb0. Edítala y expórtala como CSS, SVG, PNG o un shader.

80 colores, 5 fotogramas clave OKLCH editables.

  • #72d2c0
  • #79d3bd
  • #81d5bc
  • #8ad7ba
  • #95dab9
  • #a0ddb9
  • #ace0b9
  • #b8e3bb
  • #c4e6bd
  • #cfe9bf
  • #daecc3
  • #e3eec7
  • #ecf0cc
  • #f3f2d1
  • #f8f3d5
  • #fcf3da
  • #fef3dd
  • #fef2df
  • #fdf0e0
  • #faece0
  • #f5e7dd
  • #eee0d8
  • #e5d8d2
  • #d9cdc9
  • #cdc1bf
  • #bfb4b3
  • #b0a6a6
  • #a09899
  • #91898b
  • #817b7d
  • #726c6f
  • #635e61
  • #565154
  • #494448
  • #3d393e
  • #332f34
  • #2a262c
  • #221f26
  • #1d1921
  • #18151e
  • #16121e
  • #15101e
  • #161021
  • #181024
  • #1b1129
  • #20122f
  • #271436
  • #2f173d
  • #371945
  • #411c4c
  • #4c1f53
  • #58225a
  • #642561
  • #702967
  • #7c2c6d
  • #872f72
  • #913378
  • #99367d
  • #a03a83
  • #a53d89
  • #a74090
  • #a74497
  • #a648a0
  • #a44da8
  • #9f52b1
  • #9a57b9
  • #935dc0
  • #8b62c5
  • #8168ca
  • #776ecc
  • #6d73cd
  • #6278cc
  • #587cca
  • #4e80c7
  • #4584c3
  • #3d87be
  • #3789ba
  • #328bb6
  • #2f8db3
  • #2e8eb0

CSS

background: conic-gradient(from 225deg in oklch, oklch(79.92% 0.0951 180.00) 0.0%, oklch(80.42% 0.0929 176.68) 1.3%, oklch(81.19% 0.0902 172.79) 2.5%, oklch(82.17% 0.0871 168.38) 3.8%, oklch(83.33% 0.0836 163.51) 5.1%, oklch(84.63% 0.0797 158.20) 6.3%, oklch(86.03% 0.0755 152.51) 7.6%, oklch(87.49% 0.0711 146.50) 8.9%, oklch(88.97% 0.0666 140.19) 10.1%, oklch(90.43% 0.0619 133.64) 11.4%, oklch(91.83% 0.0572 126.91) 12.7%, oklch(93.13% 0.0525 120.02) 13.9%, oklch(94.29% 0.0479 113.03) 15.2%, oklch(95.26% 0.0433 105.99) 16.5%, oklch(96.02% 0.0390 98.94) 17.7%, oklch(96.52% 0.0349 91.93) 19.0%, oklch(96.72% 0.0312 85.00) 20.3%, oklch(96.57% 0.0277 78.21) 21.5%, oklch(96.05% 0.0247 71.60) 22.8%, oklch(95.10% 0.0222 65.20) 24.1%, oklch(93.69% 0.0202 59.06) 25.3%, oklch(91.64% 0.0184 52.73) 26.6%, oklch(88.96% 0.0166 46.08) 27.8%, oklch(85.72% 0.0150 39.16) 29.1%, oklch(81.99% 0.0134 32.03) 30.4%, oklch(77.86% 0.0120 24.76) 31.6%, oklch(73.40% 0.0107 17.41) 32.9%, oklch(68.69% 0.0097 10.04) 34.2%, oklch(63.80% 0.0088 2.71) 35.4%, oklch(58.82% 0.0082 355.48) 36.7%, oklch(53.81% 0.0078 348.41) 38.0%, oklch(48.85% 0.0077 341.57) 39.2%, oklch(44.02% 0.0080 335.02) 40.5%, oklch(39.40% 0.0085 328.81) 41.8%, oklch(35.07% 0.0095 323.01) 43.0%, oklch(31.09% 0.0108 317.69) 44.3%, oklch(27.55% 0.0125 312.89) 45.6%, oklch(24.52% 0.0146 308.69) 46.8%, oklch(22.07% 0.0172 305.14) 48.1%, oklch(20.30% 0.0203 302.30) 49.4%, oklch(19.24% 0.0240 300.29) 50.6%, oklch(18.80% 0.0287 299.36) 51.9%, oklch(18.89% 0.0345 299.44) 53.2%, oklch(19.48% 0.0412 300.42) 54.4%, oklch(20.50% 0.0487 302.18) 55.7%, oklch(21.91% 0.0568 304.58) 57.0%, oklch(23.65% 0.0654 307.52) 58.2%, oklch(25.68% 0.0743 310.88) 59.5%, oklch(27.93% 0.0835 314.53) 60.8%, oklch(30.35% 0.0928 318.35) 62.0%, oklch(32.91% 0.1021 322.22) 63.3%, oklch(35.53% 0.1112 326.03) 64.6%, oklch(38.18% 0.1200 329.65) 65.8%, oklch(40.79% 0.1283 332.96) 67.1%, oklch(43.32% 0.1361 335.85) 68.4%, oklch(45.71% 0.1432 338.18) 69.6%, oklch(47.91% 0.1495 339.85) 70.9%, oklch(49.88% 0.1548 340.74) 72.2%, oklch(51.55% 0.1591 340.71) 73.4%, oklch(52.88% 0.1621 339.66) 74.7%, oklch(53.90% 0.1638 337.50) 75.9%, oklch(54.80% 0.1643 334.35) 77.2%, oklch(55.59% 0.1639 330.32) 78.5%, oklch(56.30% 0.1625 325.51) 79.7%, oklch(56.92% 0.1604 320.02) 81.0%, oklch(57.45% 0.1575 313.95) 82.3%, oklch(57.92% 0.1540 307.41) 83.5%, oklch(58.32% 0.1500 300.50) 84.8%, oklch(58.66% 0.1457 293.33) 86.1%, oklch(58.95% 0.1410 285.98) 87.3%, oklch(59.19% 0.1361 278.58) 88.6%, oklch(59.40% 0.1311 271.22) 89.9%, oklch(59.58% 0.1262 264.00) 91.1%, oklch(59.74% 0.1214 257.03) 92.4%, oklch(59.89% 0.1168 250.40) 93.7%, oklch(60.02% 0.1125 244.24) 94.9%, oklch(60.16% 0.1086 238.62) 96.2%, oklch(60.30% 0.1053 233.67) 97.5%, oklch(60.45% 0.1026 229.47) 98.7%, oklch(60.63% 0.1006 226.14) 100.0%);

En estas colecciones

Pedrería

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona