Mauve, marron, beige et rose aux tons chauds en dégradé linéaire
Dégradé linéaire, 40 couleurs à 45° : #af7e98, #341969, #360c2a, #fce5c8, #e1aac2. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #af7e98
- #a87795
- #9f6d91
- #92628e
- #84568a
- #744a86
- #633e81
- #53347c
- #452a76
- #3b216f
- #341969
- #2f1261
- #2a0957
- #27024d
- #240041
- #210036
- #20002e
- #210029
- #250027
- #2c0326
- #360c2a
- #471b31
- #5d2f3c
- #76484b
- #91645e
- #ab8274
- #c5a18c
- #dbbda4
- #eed4b9
- #fce5c8
- #ffeeda
- #fff1e3
- #ffeee1
- #ffe6d8
- #ffdace
- #ffccc5
- #f7c0c2
- #eeb6c1
- #e6aec1
- #e1aac2
CSS
background: linear-gradient(45deg in oklch, oklch(64.96% 0.0703 345.94) 0.0%, oklch(62.77% 0.0744 342.17) 2.6%, oklch(59.79% 0.0804 336.71) 5.1%, oklch(56.23% 0.0877 330.07) 7.7%, oklch(52.25% 0.0958 322.74) 10.3%, oklch(48.07% 0.1040 315.22) 12.8%, oklch(43.86% 0.1120 307.99) 15.4%, oklch(39.82% 0.1190 301.56) 17.9%, oklch(36.13% 0.1247 296.43) 20.5%, oklch(32.99% 0.1284 293.08) 23.1%, oklch(30.54% 0.1296 291.98) 25.6%, oklch(28.15% 0.1284 292.67) 28.2%, oklch(25.66% 0.1252 294.73) 30.8%, oklch(23.24% 0.1205 297.99) 33.3%, oklch(21.14% 0.1115 302.21) 35.9%, oklch(19.44% 0.0997 307.38) 38.5%, oklch(18.36% 0.0912 313.29) 41.0%, oklch(18.08% 0.0869 319.79) 43.6%, oklch(18.78% 0.0870 326.73) 46.2%, oklch(20.61% 0.0823 333.88) 48.7%, oklch(23.98% 0.0777 341.43) 51.3%, oklch(29.53% 0.0732 351.15) 53.8%, oklch(36.89% 0.0685 2.66) 56.4%, oklch(45.51% 0.0639 15.25) 59.0%, oklch(54.84% 0.0595 28.18) 61.5%, oklch(64.35% 0.0555 40.71) 64.1%, oklch(73.49% 0.0519 52.12) 66.7%, oklch(81.72% 0.0490 61.67) 69.2%, oklch(88.50% 0.0468 68.64) 71.8%, oklch(93.28% 0.0456 72.28) 74.4%, oklch(95.77% 0.0319 71.91) 76.9%, oklch(96.52% 0.0241 67.60) 79.5%, oklch(95.87% 0.0257 60.16) 82.1%, oklch(94.14% 0.0331 50.46) 84.6%, oklch(91.66% 0.0445 39.31) 87.2%, oklch(88.76% 0.0592 27.56) 89.7%, oklch(85.77% 0.0635 16.04) 92.3%, oklch(83.02% 0.0670 5.59) 94.9%, oklch(80.83% 0.0698 357.04) 97.4%, oklch(79.53% 0.0717 351.22) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
