Bleu, lavande et bleu marine aux tons éteints en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #657ea1, #9d9bca, #b8a1d0, #5f5f84, #08182b. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #657ea1
• #697fa4
• #6e82a8
• #7485ad
• #7b89b3
• #838eb9
• #8c92bf
• #9497c5
• #9d9bca
• #a69fcf
• #ada2d3
• #b4a5d6
• #b9a7d8
• #bca7d8
• #bda7d7
• #bca5d5
• #b8a1d0
• #b09bca
• #a694c2
• #9a8bb8
• #8d81ac
• #7e769f
• #6f6a92
• #5f5f84
• #505376
• #414868
• #343d5a
• #28334e
• #1d2a43
• #142339
• #0d1c31
• #08182b

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.0620 258.05) 0.0%, oklch(59.40% 0.0624 260.01) 3.2%, oklch(60.50% 0.0631 262.68) 6.5%, oklch(61.90% 0.0638 265.93) 9.7%, oklch(63.51% 0.0647 269.65) 12.9%, oklch(65.28% 0.0657 273.71) 16.1%, oklch(67.13% 0.0667 277.99) 19.4%, oklch(68.99% 0.0678 282.37) 22.6%, oklch(70.79% 0.0688 286.74) 25.8%, oklch(72.46% 0.0697 290.96) 29.0%, oklch(73.92% 0.0706 294.93) 32.3%, oklch(75.11% 0.0713 298.51) 35.5%, oklch(75.96% 0.0718 301.59) 38.7%, oklch(76.39% 0.0721 304.04) 41.9%, oklch(76.34% 0.0721 305.75) 45.2%, oklch(75.73% 0.0719 306.60) 48.4%, oklch(74.48% 0.0713 306.46) 51.6%, oklch(72.48% 0.0703 305.33) 54.8%, oklch(69.82% 0.0690 303.31) 58.1%, oklch(66.58% 0.0674 300.55) 61.3%, oklch(62.88% 0.0655 297.15) 64.5%, oklch(58.82% 0.0635 293.25) 67.7%, oklch(54.49% 0.0613 288.97) 71.0%, oklch(50.00% 0.0591 284.44) 74.2%, oklch(45.46% 0.0567 279.77) 77.4%, oklch(40.95% 0.0545 275.09) 80.6%, oklch(36.59% 0.0523 270.53) 83.9%, oklch(32.47% 0.0502 266.21) 87.1%, oklch(28.70% 0.0483 262.25) 90.3%, oklch(25.37% 0.0466 258.79) 93.5%, oklch(22.60% 0.0452 255.93) 96.8%, oklch(20.47% 0.0441 253.82) 100.0%);

Dans ces collections

Dégradés bleu et mauve

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