Bleu marine, bleu canard, bleu clair et bleu aux tons froids en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #07142d, #104168, #118475, #2fd6c1, #6744c5. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #07142d
• #081732
• #0b1b38
• #0d203f
• #102547
• #122c50
• #143259
• #133961
• #104168
• #05486d
• #00506e
• #00586e
• #00606e
• #00686e
• #00716f
• #007a71
• #118475
• #22907c
• #319e86
• #3dad91
• #45bb9d
• #48c8a9
• #43d2b5
• #2fd6c1
• #00d3cb
• #00c7d3
• #00b6d8
• #00a1de
• #1a87e8
• #496cdf
• #5d55d1
• #6744c5

CSS

background: linear-gradient(90deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(20.97% 0.0563 260.93) 3.2%, oklch(22.67% 0.0599 260.50) 6.5%, oklch(24.69% 0.0642 260.00) 9.7%, oklch(26.94% 0.0689 259.19) 12.9%, oklch(29.33% 0.0736 257.80) 16.1%, oklch(31.76% 0.0780 255.57) 19.4%, oklch(34.13% 0.0818 252.25) 22.6%, oklch(36.37% 0.0847 247.53) 25.8%, oklch(38.51% 0.0864 240.60) 29.0%, oklch(40.62% 0.0827 231.81) 32.3%, oklch(42.75% 0.0789 221.83) 35.5%, oklch(44.92% 0.0781 211.48) 38.7%, oklch(47.19% 0.0803 201.52) 41.9%, oklch(49.60% 0.0850 192.72) 45.2%, oklch(52.18% 0.0916 185.84) 48.4%, oklch(55.08% 0.0954 181.31) 51.6%, oklch(58.83% 0.0995 177.63) 54.8%, oklch(63.14% 0.1042 174.75) 58.1%, oklch(67.63% 0.1094 172.94) 61.3%, oklch(71.87% 0.1151 172.47) 64.5%, oklch(75.47% 0.1211 173.60) 67.7%, oklch(78.02% 0.1272 176.59) 71.0%, oklch(79.13% 0.1335 181.72) 74.2%, oklch(78.35% 0.1353 189.93) 77.4%, oklch(75.69% 0.1288 202.35) 80.6%, oklch(71.66% 0.1285 217.69) 83.9%, oklch(66.81% 0.1409 234.59) 87.1%, oklch(61.67% 0.1722 251.64) 90.3%, oklch(56.80% 0.1795 267.50) 93.5%, oklch(52.73% 0.1856 280.77) 96.8%, oklch(50.00% 0.1902 290.09) 100.0%);

Dans ces collections

Dégradés aurore boréale

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