Bleu (monochrome) aux tons pastel en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #cfe8ef, #bde2ee, #a7d7ea, #91c8e0, #7fb8d6. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #cfe8ef
• #cee7ef
• #cce7ef
• #cae6ee
• #c8e5ee
• #c5e5ee
• #c3e4ee
• #c0e3ee
• #bde2ee
• #bbe1ed
• #b8e0ed
• #b5deed
• #b2ddec
• #afdcec
• #acdaeb
• #a9d9ea
• #a7d7ea
• #a4d5e9
• #a1d3e7
• #9ed1e6
• #9bcfe5
• #98cde3
• #94cae2
• #91c8e0
• #8ec5de
• #8cc3dd
• #89c1db
• #86beda
• #84bcd9
• #82bbd8
• #80b9d7
• #7fb8d6

CSS

background: linear-gradient(135deg in oklch, oklch(91.48% 0.0281 216.41) 0.0%, oklch(91.27% 0.0291 216.64) 3.2%, oklch(91.02% 0.0304 216.91) 6.5%, oklch(90.75% 0.0319 217.21) 9.7%, oklch(90.45% 0.0335 217.55) 12.9%, oklch(90.12% 0.0353 217.92) 16.1%, oklch(89.77% 0.0372 218.32) 19.4%, oklch(89.39% 0.0393 218.74) 22.6%, oklch(88.99% 0.0413 219.18) 25.8%, oklch(88.57% 0.0434 219.64) 29.0%, oklch(88.13% 0.0455 220.11) 32.3%, oklch(87.67% 0.0476 220.60) 35.5%, oklch(87.20% 0.0496 221.09) 38.7%, oklch(86.71% 0.0515 221.60) 41.9%, oklch(86.22% 0.0533 222.10) 45.2%, oklch(85.71% 0.0550 222.61) 48.4%, oklch(85.18% 0.0564 223.12) 51.6%, oklch(84.59% 0.0579 223.67) 54.8%, oklch(83.95% 0.0593 224.27) 58.1%, oklch(83.26% 0.0607 224.91) 61.3%, oklch(82.53% 0.0621 225.58) 64.5%, oklch(81.78% 0.0634 226.26) 67.7%, oklch(81.01% 0.0647 226.95) 71.0%, oklch(80.24% 0.0659 227.64) 74.2%, oklch(79.49% 0.0671 228.32) 77.4%, oklch(78.75% 0.0682 228.98) 80.6%, oklch(78.05% 0.0693 229.61) 83.9%, oklch(77.39% 0.0702 230.19) 87.1%, oklch(76.78% 0.0711 230.73) 90.3%, oklch(76.25% 0.0719 231.21) 93.5%, oklch(75.78% 0.0727 231.63) 96.8%, oklch(75.41% 0.0733 231.96) 100.0%);

Dans ces collections

Light blue gradients

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