Bleu clair et violet (analogues) aux tons vifs en dégradé radial

Dégradé radial, 32 couleurs : #57d4fa, #2d2259, #576ad2, #2ba1d4, #cfd9fd. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #57d4fa
• #52bbec
• #5295d4
• #516bb1
• #4b4489
• #402766
• #361651
• #31154e
• #2d2259
• #273669
• #1e4e77
• #186482
• #17748c
• #0d7c98
• #037dac
• #2d77c2
• #576ad2
• #795cd6
• #8f52d4
• #9455d9
• #8665e4
• #6a7aeb
• #4490e4
• #2ba1d4
• #3dacc7
• #56b3c5
• #6dbacd
• #84c2da
• #9bc9e8
• #b1cff3
• #c3d5fa
• #cfd9fd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.1213 221.48) 0.0%, oklch(74.99% 0.1193 232.19) 3.2%, oklch(65.29% 0.1166 248.53) 6.5%, oklch(54.07% 0.1134 267.29) 9.7%, oklch(43.02% 0.1100 285.23) 12.9%, oklch(33.81% 0.1067 299.16) 16.1%, oklch(28.12% 0.1039 305.84) 19.4%, oklch(27.12% 0.1006 301.98) 22.6%, oklch(29.80% 0.0958 288.26) 25.8%, oklch(34.88% 0.0908 268.94) 29.0%, oklch(41.11% 0.0870 248.33) 32.3%, oklch(47.21% 0.0857 230.73) 35.5%, oklch(51.93% 0.0884 220.46) 38.7%, oklch(54.39% 0.0973 221.54) 41.9%, oklch(55.64% 0.1148 233.39) 45.2%, oklch(56.16% 0.1371 251.73) 48.4%, oklch(56.35% 0.1604 272.19) 51.6%, oklch(56.56% 0.1804 290.40) 54.8%, oklch(57.16% 0.1932 301.97) 58.1%, oklch(58.48% 0.1948 302.66) 61.3%, oklch(60.23% 0.1855 292.07) 64.5%, oklch(62.23% 0.1685 274.12) 67.7%, oklch(64.44% 0.1473 252.96) 71.0%, oklch(66.80% 0.1252 232.74) 74.2%, oklch(69.26% 0.1055 217.62) 77.4%, oklch(71.77% 0.0914 211.67) 80.6%, oklch(74.68% 0.0811 215.12) 83.9%, oklch(77.95% 0.0724 224.90) 87.1%, oklch(81.28% 0.0653 238.30) 90.3%, oklch(84.42% 0.0595 252.63) 93.5%, oklch(87.08% 0.0548 265.18) 96.8%, oklch(88.98% 0.0510 273.27) 100.0%);

Dans ces collections

Dégradés bleu et violet

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