Lavande, rose et bleu marine aux tons éteints en dégradé linéaire

Dégradé linéaire, 32 couleurs à 225° : #b8a1d0, #f794d3, #1b3550, #4a546f, #b58eae. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #b8a1d0
• #bfa1d4
• #caa2d9
• #d9a3dd
• #e9a3df
• #f7a2de
• #ff9fda
• #ff9cd6
• #f794d3
• #e089ce
• #be7cc6
• #966eb6
• #6f5fa0
• #4c5186
• #32446d
• #223a5a
• #1b3550
• #1b344c
• #1e354c
• #253950
• #2d3f56
• #36465e
• #404d67
• #4a546f
• #535a76
• #606180
• #6e698a
• #7e7295
• #8f7a9e
• #9e82a5
• #ac89aa
• #b58eae

CSS

background: linear-gradient(225deg in oklch, oklch(74.41% 0.0717 307.27) 0.0%, oklch(75.19% 0.0784 311.06) 3.2%, oklch(76.64% 0.0885 317.09) 6.5%, oklch(78.39% 0.1007 324.34) 9.7%, oklch(80.07% 0.1134 331.74) 12.9%, oklch(81.31% 0.1253 338.27) 16.1%, oklch(81.76% 0.1337 342.88) 19.4%, oklch(81.05% 0.1368 344.53) 22.6%, oklch(78.78% 0.1416 342.14) 25.8%, oklch(74.32% 0.1367 334.68) 29.0%, oklch(68.06% 0.1274 323.12) 32.3%, oklch(60.70% 0.1151 308.97) 35.5%, oklch(52.95% 0.1012 293.72) 38.7%, oklch(45.53% 0.0872 278.88) 41.9%, oklch(39.15% 0.0744 265.94) 45.2%, oklch(34.51% 0.0643 256.40) 48.4%, oklch(32.18% 0.0578 251.36) 51.6%, oklch(31.56% 0.0532 249.24) 54.8%, oklch(32.25% 0.0501 249.32) 58.1%, oklch(33.94% 0.0480 251.22) 61.3%, oklch(36.33% 0.0469 254.53) 64.5%, oklch(39.11% 0.0465 258.86) 67.7%, oklch(42.00% 0.0465 263.81) 71.0%, oklch(44.67% 0.0468 268.99) 74.2%, oklch(47.24% 0.0474 274.78) 77.4%, oklch(50.37% 0.0491 282.51) 80.6%, oklch(53.90% 0.0516 291.58) 83.9%, oklch(57.59% 0.0546 301.29) 87.1%, oklch(61.20% 0.0577 310.94) 90.3%, oklch(64.51% 0.0606 319.84) 93.5%, oklch(67.28% 0.0631 327.30) 96.8%, oklch(69.29% 0.0648 332.63) 100.0%);

Dans ces collections

Dégradés bleu et mauve

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