Bleu marine, bleu canard, vert et vert olive en dégradé linéaire

Dégradé linéaire, 32 couleurs à 45° : #172c55, #2760ab, #74cecd, #4b8b5e, #d89a2b. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #172c55
• #192f5c
• #1b3364
• #1f376f
• #223d7b
• #254488
• #284c95
• #2955a1
• #2760ab
• #256fb5
• #2681bf
• #2e94c8
• #3da7ce
• #4fb7d2
• #61c4d4
• #6eccd2
• #74cecd
• #72cac2
• #6cc0b2
• #62b4a1
• #57a78e
• #4f9b7c
• #4a916b
• #4b8b5e
• #548953
• #638b48
• #778e3d
• #8d9232
• #a4952a
• #ba9825
• #cb9a27
• #d89a2b

CSS

background: linear-gradient(45deg in oklch, oklch(29.92% 0.0799 262.97) 0.0%, oklch(31.31% 0.0849 262.94) 3.2%, oklch(33.07% 0.0924 263.34) 6.5%, oklch(35.16% 0.1014 263.83) 9.7%, oklch(37.54% 0.1108 264.10) 12.9%, oklch(40.18% 0.1197 263.83) 16.1%, oklch(43.03% 0.1272 262.70) 19.4%, oklch(46.06% 0.1321 260.39) 22.6%, oklch(49.26% 0.1337 256.57) 25.8%, oklch(53.30% 0.1314 250.95) 29.0%, oklch(58.11% 0.1261 243.84) 32.3%, oklch(63.27% 0.1189 235.66) 35.5%, oklch(68.36% 0.1106 226.86) 38.7%, oklch(72.96% 0.1024 217.88) 41.9%, oklch(76.64% 0.0951 209.14) 45.2%, oklch(78.99% 0.0898 201.09) 48.4%, oklch(79.55% 0.0871 194.07) 51.6%, oklch(78.10% 0.0859 187.83) 54.8%, oklch(75.16% 0.0857 182.07) 58.1%, oklch(71.28% 0.0863 176.53) 61.3%, oklch(67.06% 0.0878 170.98) 64.5%, oklch(63.06% 0.0899 165.18) 67.7%, oklch(59.86% 0.0926 158.87) 71.0%, oklch(58.05% 0.0956 151.81) 74.2%, oklch(57.94% 0.0994 143.53) 77.4%, oklch(59.07% 0.1046 133.71) 80.6%, oklch(61.09% 0.1108 122.93) 83.9%, oklch(63.66% 0.1175 111.84) 87.1%, oklch(66.45% 0.1242 101.07) 90.3%, oklch(69.13% 0.1303 91.24) 93.5%, oklch(71.37% 0.1355 83.00) 96.8%, oklch(72.83% 0.1392 76.98) 100.0%);

Dans ces collections

Dégradés de carte météo

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