Bleu marine, bleu canard et bleu clair (analogues) en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #093340, #016574, #2c9da6, #75cacd, #d6f0f1. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #093340
• #093644
• #093b49
• #09414f
• #074756
• #064e5d
• #045665
• #025d6c
• #016574
• #016d7b
• #057482
• #0b7b88
• #11828e
• #178994
• #1d909a
• #2496a0
• #2c9da6
• #34a4ac
• #3cabb1
• #46b1b7
• #50b8bd
• #5bbec2
• #67c4c7
• #75cacd
• #84d0d3
• #93d6d8
• #a1dbde
• #afe1e3
• #bbe5e7
• #c6eaeb
• #cfedef
• #d6f0f1

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.0496 223.59) 0.0%, oklch(31.19% 0.0520 222.72) 3.2%, oklch(32.81% 0.0551 221.58) 6.5%, oklch(34.72% 0.0590 220.22) 9.7%, oklch(36.87% 0.0633 218.70) 12.9%, oklch(39.19% 0.0678 217.07) 16.1%, oklch(41.63% 0.0724 215.39) 19.4%, oklch(44.11% 0.0768 213.70) 22.6%, oklch(46.58% 0.0810 212.07) 25.8%, oklch(48.98% 0.0845 210.56) 29.0%, oklch(51.25% 0.0874 209.20) 32.3%, oklch(53.38% 0.0896 208.02) 35.5%, oklch(55.50% 0.0917 206.85) 38.7%, oklch(57.62% 0.0937 205.71) 41.9%, oklch(59.75% 0.0955 204.61) 45.2%, oklch(61.86% 0.0969 203.55) 48.4%, oklch(63.97% 0.0979 202.57) 51.6%, oklch(66.07% 0.0984 201.67) 54.8%, oklch(68.16% 0.0982 200.86) 58.1%, oklch(70.22% 0.0972 200.17) 61.3%, oklch(72.27% 0.0954 199.59) 64.5%, oklch(74.30% 0.0926 199.16) 67.7%, oklch(76.44% 0.0882 198.92) 71.0%, oklch(78.66% 0.0823 198.83) 74.2%, oklch(80.92% 0.0753 198.88) 77.4%, oklch(83.18% 0.0677 199.04) 80.6%, oklch(85.37% 0.0596 199.26) 83.9%, oklch(87.46% 0.0516 199.53) 87.1%, oklch(89.39% 0.0441 199.80) 90.3%, oklch(91.10% 0.0373 200.05) 93.5%, oklch(92.56% 0.0317 200.24) 96.8%, oklch(93.70% 0.0276 200.35) 100.0%);

Dans ces collections

Dégradés de données séquentiels

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