Lavande, bleu et bleu canard (trichromie) aux tons éteints en dégradé radial
Dégradé radial, 64 couleurs : #d8bed5, #8d69a0, #417487, #4c6f6b, #30326a. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #d8bed5
- #d6bbd3
- #d3b7d1
- #cfb3ce
- #ccaecb
- #c8a9c7
- #c3a3c3
- #bf9dbf
- #ba97bb
- #b491b7
- #af8ab3
- #aa84b0
- #a47eac
- #9e78a8
- #9873a5
- #936da2
- #8d69a0
- #87659e
- #81619c
- #7c5e9b
- #765c9a
- #715b99
- #6b5b99
- #665c99
- #605d99
- #596099
- #536298
- #4d6597
- #486995
- #436c92
- #416f8f
- #40728b
- #417487
- #447684
- #487880
- #4c797d
- #517a7a
- #557b78
- #597b76
- #5c7b74
- #5e7a73
- #5f7a72
- #5e7970
- #5d776f
- #5a766e
- #56746d
- #52726b
- #4c6f6b
- #466d6a
- #406a6a
- #39676a
- #32636b
- #2c5f6c
- #275b6d
- #23576e
- #21536e
- #214e6f
- #23496f
- #25446f
- #28406e
- #2a3c6d
- #2d386c
- #2f346b
- #30326a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0427 329.77) 0.0%, oklch(82.22% 0.0443 329.07) 1.6%, oklch(81.18% 0.0463 328.43) 3.2%, oklch(79.96% 0.0487 327.82) 4.8%, oklch(78.58% 0.0515 327.22) 6.3%, oklch(77.08% 0.0546 326.62) 7.9%, oklch(75.45% 0.0579 325.99) 9.5%, oklch(73.74% 0.0614 325.30) 11.1%, oklch(71.95% 0.0651 324.55) 12.7%, oklch(70.12% 0.0688 323.71) 14.3%, oklch(68.26% 0.0725 322.76) 15.9%, oklch(66.39% 0.0761 321.68) 17.5%, oklch(64.53% 0.0797 320.44) 19.0%, oklch(62.71% 0.0831 319.04) 20.6%, oklch(60.95% 0.0863 317.44) 22.2%, oklch(59.27% 0.0892 315.62) 23.8%, oklch(57.68% 0.0918 313.58) 25.4%, oklch(56.21% 0.0940 311.28) 27.0%, oklch(54.89% 0.0958 308.70) 28.6%, oklch(53.72% 0.0970 305.83) 30.2%, oklch(52.74% 0.0977 302.64) 31.7%, oklch(51.97% 0.0978 299.12) 33.3%, oklch(51.40% 0.0972 294.97) 34.9%, oklch(51.03% 0.0958 289.97) 36.5%, oklch(50.83% 0.0938 284.24) 38.1%, oklch(50.78% 0.0911 277.87) 39.7%, oklch(50.86% 0.0880 270.98) 41.3%, oklch(51.06% 0.0844 263.66) 42.9%, oklch(51.36% 0.0804 256.03) 44.4%, oklch(51.73% 0.0762 248.18) 46.0%, oklch(52.16% 0.0718 240.23) 47.6%, oklch(52.63% 0.0673 232.27) 49.2%, oklch(53.13% 0.0627 224.41) 50.8%, oklch(53.62% 0.0582 216.75) 52.4%, oklch(54.10% 0.0539 209.41) 54.0%, oklch(54.55% 0.0497 202.49) 55.6%, oklch(54.94% 0.0458 196.08) 57.1%, oklch(55.26% 0.0423 190.30) 58.7%, oklch(55.49% 0.0393 185.24) 60.3%, oklch(55.61% 0.0367 181.03) 61.9%, oklch(55.60% 0.0348 177.75) 63.5%, oklch(55.44% 0.0335 175.51) 65.1%, oklch(55.12% 0.0331 174.42) 66.7%, oklch(54.63% 0.0334 174.57) 68.3%, oklch(54.01% 0.0343 175.88) 69.8%, oklch(53.25% 0.0358 178.25) 71.4%, oklch(52.39% 0.0379 181.57) 73.0%, oklch(51.43% 0.0404 185.74) 74.6%, oklch(50.39% 0.0434 190.65) 76.2%, oklch(49.29% 0.0466 196.18) 77.8%, oklch(48.12% 0.0502 202.24) 79.4%, oklch(46.92% 0.0540 208.70) 81.0%, oklch(45.70% 0.0580 215.47) 82.5%, oklch(44.46% 0.0621 222.44) 84.1%, oklch(43.23% 0.0662 229.49) 85.7%, oklch(42.01% 0.0703 236.52) 87.3%, oklch(40.83% 0.0743 243.43) 88.9%, oklch(39.69% 0.0782 250.09) 90.5%, oklch(38.62% 0.0819 256.41) 92.1%, oklch(37.61% 0.0853 262.28) 93.7%, oklch(36.70% 0.0884 267.58) 95.2%, oklch(35.89% 0.0911 272.22) 96.8%, oklch(35.20% 0.0933 276.07) 98.4%, oklch(34.65% 0.0951 279.04) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
