Bleu marine, violet et rose (analogues) en dégradé linéaire
Dégradé linéaire, 64 couleurs à 225° : #1f0c2a, #130432, #1b0c4c, #8a4881, #ff9c92. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #1f0c2a
- #1f0c2a
- #1f0c2b
- #1e0c2b
- #1e0b2c
- #1d0b2c
- #1d0a2c
- #1c0a2d
- #1b092d
- #1a082e
- #19082e
- #18072f
- #17072f
- #160630
- #150530
- #140531
- #130432
- #120432
- #120433
- #110334
- #100335
- #100336
- #100337
- #0f0339
- #0f033a
- #10043c
- #10043e
- #110540
- #120642
- #140744
- #160846
- #180a49
- #1b0c4c
- #1f0f4f
- #231252
- #281556
- #2d185a
- #341c5e
- #3a1f62
- #422366
- #4a276a
- #522c6e
- #5b3072
- #643575
- #6d3978
- #773e7c
- #80437e
- #8a4881
- #944e83
- #9e5385
- #a75987
- #b15f89
- #ba648a
- #c26a8b
- #cb708c
- #d3768d
- #da7c8e
- #e1818f
- #e7868f
- #ed8c90
- #f39090
- #f79591
- #fb9991
- #ff9c92
CSS
background: linear-gradient(225deg in oklch, oklch(20.08% 0.0606 311.48) 0.0%, oklch(20.09% 0.0614 310.96) 1.6%, oklch(20.06% 0.0624 310.26) 3.2%, oklch(19.99% 0.0634 309.41) 4.8%, oklch(19.88% 0.0646 308.41) 6.3%, oklch(19.75% 0.0658 307.29) 7.9%, oklch(19.58% 0.0671 306.06) 9.5%, oklch(19.40% 0.0686 304.73) 11.1%, oklch(19.20% 0.0700 303.32) 12.7%, oklch(19.00% 0.0716 301.85) 14.3%, oklch(18.79% 0.0732 300.32) 15.9%, oklch(18.57% 0.0749 298.76) 17.5%, oklch(18.37% 0.0766 297.18) 19.0%, oklch(18.17% 0.0784 295.60) 20.6%, oklch(17.99% 0.0801 294.03) 22.2%, oklch(17.82% 0.0819 292.48) 23.8%, oklch(17.68% 0.0837 290.97) 25.4%, oklch(17.58% 0.0855 289.51) 27.0%, oklch(17.50% 0.0874 288.13) 28.6%, oklch(17.47% 0.0892 286.83) 30.2%, oklch(17.48% 0.0909 285.64) 31.7%, oklch(17.54% 0.0927 284.56) 33.3%, oklch(17.66% 0.0944 283.61) 34.9%, oklch(17.83% 0.0961 282.80) 36.5%, oklch(18.07% 0.0977 282.16) 38.1%, oklch(18.38% 0.0993 281.70) 39.7%, oklch(18.77% 0.1008 281.42) 41.3%, oklch(19.23% 0.1022 281.35) 42.9%, oklch(19.78% 0.1035 281.51) 44.4%, oklch(20.42% 0.1048 281.90) 46.0%, oklch(21.15% 0.1059 282.54) 47.6%, oklch(21.99% 0.1070 283.45) 49.2%, oklch(22.93% 0.1079 284.65) 50.8%, oklch(24.03% 0.1088 286.19) 52.4%, oklch(25.28% 0.1097 288.07) 54.0%, oklch(26.67% 0.1104 290.26) 55.6%, oklch(28.18% 0.1112 292.73) 57.1%, oklch(29.82% 0.1119 295.47) 58.7%, oklch(31.57% 0.1125 298.45) 60.3%, oklch(33.41% 0.1131 301.65) 61.9%, oklch(35.34% 0.1136 305.04) 63.5%, oklch(37.34% 0.1141 308.62) 65.1%, oklch(39.41% 0.1146 312.35) 66.7%, oklch(41.54% 0.1151 316.20) 68.3%, oklch(43.71% 0.1155 320.17) 69.8%, oklch(45.91% 0.1159 324.22) 71.4%, oklch(48.14% 0.1162 328.34) 73.0%, oklch(50.37% 0.1165 332.50) 74.6%, oklch(52.61% 0.1168 336.68) 76.2%, oklch(54.84% 0.1171 340.85) 77.8%, oklch(57.05% 0.1174 345.00) 79.4%, oklch(59.23% 0.1176 349.11) 81.0%, oklch(61.37% 0.1178 353.14) 82.5%, oklch(63.46% 0.1180 357.08) 84.1%, oklch(65.48% 0.1182 0.91) 85.7%, oklch(67.44% 0.1184 4.60) 87.3%, oklch(69.30% 0.1186 8.13) 88.9%, oklch(71.08% 0.1188 11.48) 90.5%, oklch(72.74% 0.1190 14.62) 92.1%, oklch(74.30% 0.1191 17.54) 93.7%, oklch(75.72% 0.1193 20.21) 95.2%, oklch(77.01% 0.1195 22.61) 96.8%, oklch(78.15% 0.1197 24.72) 98.4%, oklch(79.13% 0.1199 26.51) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
