Noir à bleu (monochrome) en dégradé linéaire
Dégradé linéaire, 32 couleurs à 180° : #000010, #000037, #001261, #002395, #0036cf. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #000010
- #000013
- #000016
- #00001b
- #000020
- #000025
- #00002b
- #000031
- #000037
- #000437
- #00053c
- #000741
- #000947
- #000b4d
- #000e53
- #00105a
- #001261
- #001568
- #00176f
- #001977
- #001c7e
- #001e85
- #00208d
- #002395
- #00269e
- #0028a6
- #002baf
- #002db7
- #0030be
- #0032c5
- #0034ca
- #0036cf
CSS
background: linear-gradient(180deg in oklch, oklch(7.89% 0.0536 264.12) 0.0%, oklch(8.44% 0.0577 264.10) 3.2%, oklch(9.13% 0.0630 264.07) 6.5%, oklch(9.97% 0.0691 264.05) 9.7%, oklch(10.93% 0.0757 264.05) 12.9%, oklch(11.97% 0.0829 264.05) 16.1%, oklch(13.01% 0.0902 264.05) 19.4%, oklch(14.09% 0.0977 264.05) 22.6%, oklch(15.20% 0.1054 264.05) 25.8%, oklch(16.26% 0.0992 264.16) 29.0%, oklch(17.38% 0.1028 264.08) 32.3%, oklch(18.49% 0.1075 264.01) 35.5%, oklch(19.66% 0.1128 263.95) 38.7%, oklch(20.88% 0.1187 263.91) 41.9%, oklch(22.13% 0.1249 263.87) 45.2%, oklch(23.41% 0.1314 263.84) 48.4%, oklch(24.71% 0.1381 263.82) 51.6%, oklch(26.01% 0.1449 263.79) 54.8%, oklch(27.32% 0.1517 263.78) 58.1%, oklch(28.61% 0.1586 263.76) 61.3%, oklch(29.89% 0.1653 263.75) 64.5%, oklch(31.14% 0.1720 263.74) 67.7%, oklch(32.45% 0.1790 263.74) 71.0%, oklch(33.84% 0.1864 263.73) 74.2%, oklch(35.25% 0.1940 263.72) 77.4%, oklch(36.67% 0.2016 263.72) 80.6%, oklch(38.05% 0.2091 263.71) 83.9%, oklch(39.37% 0.2162 263.71) 87.1%, oklch(40.59% 0.2228 263.70) 90.3%, oklch(41.67% 0.2284 263.70) 93.5%, oklch(42.59% 0.2325 263.67) 96.8%, oklch(43.31% 0.2356 263.67) 100.0%);Dans ces collections
Dégradés océanDégradés foncésDégradés de texteDégradés grands fonds
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
