Saltar al contenido

Paletas de Grabient

Azul marino y rosa claro (duotono) en muestras lineales

Azul marino y rosa claro (duotono): paleta con 96 colores. #071b3d, #264a7d, #8c73a5, #d6a1b1, #f5dee3. Edítala y expórtala como CSS, SVG, PNG o un shader.

96 colores, 6 fotogramas clave OKLCH editables.

  • #071b3d
  • #081b3f
  • #081d40
  • #081e42
  • #091f45
  • #092047
  • #0a2249
  • #0a244c
  • #0b254f
  • #0b2752
  • #0c2955
  • #0c2b58
  • #0d2d5b
  • #0e2f5e
  • #0f3261
  • #113464
  • #123668
  • #14386a
  • #163a6d
  • #193d70
  • #1b3f73
  • #1e4275
  • #204478
  • #23477a
  • #264a7d
  • #294d7f
  • #2c5082
  • #2f5384
  • #325687
  • #365989
  • #3a5c8b
  • #3d5e8e
  • #416190
  • #456493
  • #496695
  • #4d6997
  • #526b9a
  • #566d9c
  • #5a6e9e
  • #5f70a0
  • #6371a2
  • #6872a3
  • #6d72a5
  • #7273a5
  • #7773a6
  • #7d73a6
  • #8273a6
  • #8773a5
  • #8c73a5
  • #9173a3
  • #9674a2
  • #9a74a0
  • #9f749f
  • #a3759d
  • #a6769c
  • #aa779b
  • #ad799a
  • #b17b99
  • #b47d99
  • #b67f9a
  • #b9819b
  • #bc849c
  • #bf869d
  • #c2899f
  • #c48ca0
  • #c78fa2
  • #ca92a5
  • #cc95a7
  • #cf98a9
  • #d19bac
  • #d49eae
  • #d6a1b1
  • #d8a4b3
  • #daa7b6
  • #ddaab8
  • #dfadba
  • #e0afbc
  • #e2b2be
  • #e4b5c0
  • #e5b8c3
  • #e7bbc5
  • #e8bdc7
  • #eac0ca
  • #ebc3cc
  • #ecc6ce
  • #edc9d1
  • #eeccd3
  • #efced5
  • #f0d1d7
  • #f1d3da
  • #f2d5db
  • #f3d7dd
  • #f4d9df
  • #f4dbe0
  • #f5dde2
  • #f5dee3

CSS

background: linear-gradient(45deg, oklch(22.83% 0.0717 260.86) 0.000% 1.042%, oklch(23.22% 0.0725 260.75) 1.042% 2.083%, oklch(23.66% 0.0735 260.60) 2.083% 3.125%, oklch(24.15% 0.0748 260.41) 3.125% 4.167%, oklch(24.69% 0.0762 260.20) 4.167% 5.208%, oklch(25.28% 0.0778 259.95) 5.208% 6.250%, oklch(25.91% 0.0795 259.70) 6.250% 7.292%, oklch(26.58% 0.0813 259.43) 7.292% 8.333%, oklch(27.28% 0.0832 259.15) 8.333% 9.375%, oklch(28.02% 0.0850 258.88) 9.375% 10.417%, oklch(28.78% 0.0869 258.62) 10.417% 11.458%, oklch(29.56% 0.0887 258.37) 11.458% 12.500%, oklch(30.37% 0.0904 258.14) 12.500% 13.542%, oklch(31.19% 0.0920 257.94) 13.542% 14.583%, oklch(32.02% 0.0935 257.77) 14.583% 15.625%, oklch(32.86% 0.0948 257.65) 15.625% 16.667%, oklch(33.70% 0.0960 257.57) 16.667% 17.708%, oklch(34.55% 0.0969 257.55) 17.708% 18.750%, oklch(35.39% 0.0975 257.59) 18.750% 19.792%, oklch(36.22% 0.0978 257.69) 19.792% 20.833%, oklch(37.07% 0.0979 257.77) 20.833% 21.875%, oklch(37.97% 0.0976 257.74) 21.875% 22.917%, oklch(38.90% 0.0971 257.64) 22.917% 23.958%, oklch(39.86% 0.0964 257.49) 23.958% 25.000%, oklch(40.85% 0.0955 257.30) 25.000% 26.042%, oklch(41.86% 0.0944 257.12) 26.042% 27.083%, oklch(42.88% 0.0932 256.96) 27.083% 28.125%, oklch(43.92% 0.0919 256.85) 28.125% 29.167%, oklch(44.95% 0.0905 256.81) 29.167% 30.208%, oklch(45.99% 0.0891 256.88) 30.208% 31.250%, oklch(47.02% 0.0876 257.07) 31.250% 32.292%, oklch(48.03% 0.0862 257.41) 32.292% 33.333%, oklch(49.03% 0.0848 257.92) 33.333% 34.375%, oklch(50.01% 0.0834 258.64) 34.375% 35.417%, oklch(50.95% 0.0821 259.58) 35.417% 36.458%, oklch(51.86% 0.0810 260.78) 36.458% 37.500%, oklch(52.73% 0.0800 262.26) 37.500% 38.542%, oklch(53.56% 0.0792 264.04) 38.542% 39.583%, oklch(54.33% 0.0785 266.14) 39.583% 40.625%, oklch(55.05% 0.0781 268.69) 40.625% 41.667%, oklch(55.71% 0.0778 271.74) 41.667% 42.708%, oklch(56.33% 0.0777 275.23) 42.708% 43.750%, oklch(56.91% 0.0776 279.10) 43.750% 44.792%, oklch(57.45% 0.0777 283.30) 44.792% 45.833%, oklch(57.96% 0.0778 287.77) 45.833% 46.875%, oklch(58.44% 0.0780 292.46) 46.875% 47.917%, oklch(58.91% 0.0782 297.29) 47.917% 48.958%, oklch(59.37% 0.0784 302.23) 48.958% 50.000%, oklch(59.82% 0.0787 307.20) 50.000% 51.042%, oklch(60.27% 0.0789 312.16) 51.042% 52.083%, oklch(60.73% 0.0791 317.05) 52.083% 53.125%, oklch(61.20% 0.0793 321.80) 53.125% 54.167%, oklch(61.68% 0.0794 326.36) 54.167% 55.208%, oklch(62.19% 0.0795 330.68) 55.208% 56.250%, oklch(62.72% 0.0794 334.69) 56.250% 57.292%, oklch(63.30% 0.0793 338.35) 57.292% 58.333%, oklch(63.91% 0.0790 341.58) 58.333% 59.375%, oklch(64.57% 0.0785 344.34) 59.375% 60.417%, oklch(65.27% 0.0780 346.70) 60.417% 61.458%, oklch(66.01% 0.0774 348.78) 61.458% 62.500%, oklch(66.79% 0.0767 350.60) 62.500% 63.542%, oklch(67.59% 0.0760 352.18) 63.542% 64.583%, oklch(68.42% 0.0752 353.55) 64.583% 65.625%, oklch(69.27% 0.0743 354.72) 65.625% 66.667%, oklch(70.13% 0.0734 355.71) 66.667% 67.708%, oklch(71.01% 0.0725 356.55) 67.708% 68.750%, oklch(71.90% 0.0715 357.25) 68.750% 69.792%, oklch(72.79% 0.0704 357.83) 69.792% 70.833%, oklch(73.68% 0.0693 358.32) 70.833% 71.875%, oklch(74.57% 0.0682 358.74) 71.875% 72.917%, oklch(75.44% 0.0670 359.10) 72.917% 73.958%, oklch(76.31% 0.0658 359.42) 73.958% 75.000%, oklch(77.16% 0.0646 359.73) 75.000% 76.042%, oklch(77.99% 0.0633 0.05) 76.042% 77.083%, oklch(78.80% 0.0620 0.40) 77.083% 78.125%, oklch(79.57% 0.0606 0.79) 78.125% 79.167%, oklch(80.31% 0.0593 1.25) 79.167% 80.208%, oklch(81.05% 0.0578 1.71) 80.208% 81.250%, oklch(81.78% 0.0562 2.11) 81.250% 82.292%, oklch(82.52% 0.0545 2.43) 82.292% 83.333%, oklch(83.27% 0.0526 2.70) 83.333% 84.375%, oklch(84.01% 0.0507 2.92) 84.375% 85.417%, oklch(84.74% 0.0487 3.08) 85.417% 86.458%, oklch(85.46% 0.0467 3.21) 86.458% 87.500%, oklch(86.17% 0.0446 3.29) 87.500% 88.542%, oklch(86.87% 0.0425 3.35) 88.542% 89.583%, oklch(87.54% 0.0405 3.38) 89.583% 90.625%, oklch(88.19% 0.0385 3.38) 90.625% 91.667%, oklch(88.81% 0.0365 3.38) 91.667% 92.708%, oklch(89.40% 0.0347 3.36) 92.708% 93.750%, oklch(89.96% 0.0329 3.34) 93.750% 94.792%, oklch(90.48% 0.0312 3.32) 94.792% 95.833%, oklch(90.96% 0.0297 3.30) 95.833% 96.875%, oklch(91.40% 0.0283 3.30) 96.875% 97.917%, oklch(91.79% 0.0272 3.32) 97.917% 98.958%, oklch(92.13% 0.0262 3.36) 98.958% 100.000%);

En estas colecciones

Muestras rosa y azul

Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona