Gris, bleu et mauve en dégradé radial

Dégradé radial, 32 couleurs : #edf3e4, #a6d1be, #579cac, #626f9e, #b88899. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #edf3e4
• #e9f1e0
• #e2eddb
• #dae9d5
• #d0e4d0
• #c6dfcb
• #bcdbc6
• #b1d6c2
• #a6d1be
• #9acbba
• #8dc6b6
• #81c0b3
• #75bab1
• #6bb3b0
• #62acaf
• #5ba4ae
• #579cac
• #5495aa
• #548da8
• #5587a7
• #5780a5
• #597aa3
• #5d74a1
• #626f9e
• #696c9c
• #726b9b
• #7e6c9a
• #8c709a
• #9a769a
• #a77d9a
• #b1839a
• #b88899

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0220 123.75) 0.0%, oklch(94.67% 0.0243 127.32) 3.2%, oklch(93.32% 0.0273 132.27) 6.5%, oklch(91.71% 0.0310 138.12) 9.7%, oklch(89.92% 0.0350 144.43) 12.9%, oklch(88.05% 0.0391 150.71) 16.1%, oklch(86.19% 0.0433 156.51) 19.4%, oklch(84.34% 0.0476 161.56) 22.6%, oklch(82.37% 0.0525 166.22) 25.8%, oklch(80.32% 0.0576 170.73) 29.0%, oklch(78.23% 0.0626 175.34) 32.3%, oklch(76.13% 0.0671 180.28) 35.5%, oklch(74.05% 0.0706 185.79) 38.7%, oklch(71.98% 0.0728 192.05) 41.9%, oklch(69.80% 0.0739 198.90) 45.2%, oklch(67.58% 0.0741 206.21) 48.4%, oklch(65.41% 0.0738 213.88) 51.6%, oklch(63.38% 0.0733 221.79) 54.8%, oklch(61.57% 0.0730 229.85) 58.1%, oklch(60.04% 0.0731 237.95) 61.3%, oklch(58.55% 0.0736 246.13) 64.5%, oklch(57.15% 0.0741 254.45) 67.7%, oklch(55.98% 0.0746 262.99) 71.0%, oklch(55.18% 0.0749 271.81) 74.2%, oklch(54.89% 0.0748 280.97) 77.4%, oklch(55.26% 0.0742 290.59) 80.6%, oklch(56.61% 0.0729 301.70) 83.9%, oklch(58.76% 0.0710 313.99) 87.1%, oklch(61.34% 0.0688 326.49) 90.3%, oklch(63.95% 0.0666 338.18) 93.5%, oklch(66.20% 0.0647 348.08) 96.8%, oklch(67.72% 0.0634 355.18) 100.0%);

Dans ces collections

Dégradés multicolores

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche