Bleu, bleu canard et bleu marine (analogues) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 225° : #0378f3, #1da398, #64cefe, #7679b0, #00154b. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #0378f3
• #0081de
• #0087ca
• #008dba
• #0091ad
• #0095a3
• #009a9c
• #009e98
• #1da398
• #2ea99f
• #36b1ab
• #3bbbbb
• #40c4cd
• #46cce0
• #4fd1f0
• #5ad2fa
• #64cefe
• #6fc7fd
• #79bcf7
• #7fafec
• #82a1de
• #8293cf
• #7d86bf
• #7679b0
• #6c6da2
• #5e5f94
• #4d5086
• #3a4178
• #28346a
• #17275e
• #071d53
• #00154b

CSS

background: linear-gradient(225deg in oklch, oklch(59.06% 0.2053 256.64) 0.0%, oklch(59.38% 0.1693 250.27) 3.2%, oklch(59.72% 0.1389 240.90) 6.5%, oklch(60.12% 0.1194 229.68) 9.7%, oklch(60.63% 0.1088 217.78) 12.9%, oklch(61.28% 0.1049 206.37) 16.1%, oklch(62.12% 0.1058 196.59) 19.4%, oklch(63.19% 0.1093 189.60) 22.6%, oklch(64.56% 0.1076 186.52) 25.8%, oklch(66.66% 0.1051 186.98) 29.0%, oklch(69.40% 0.1056 190.08) 32.3%, oklch(72.45% 0.1083 195.21) 35.5%, oklch(75.47% 0.1122 201.77) 38.7%, oklch(78.14% 0.1161 209.13) 41.9%, oklch(80.13% 0.1192 216.69) 45.2%, oklch(81.10% 0.1203 223.83) 48.4%, oklch(80.79% 0.1187 230.33) 51.6%, oklch(79.44% 0.1148 237.89) 54.8%, oklch(77.26% 0.1093 246.33) 58.1%, oklch(74.41% 0.1030 255.06) 61.3%, oklch(71.06% 0.0965 263.51) 64.5%, oklch(67.36% 0.0905 271.09) 67.7%, oklch(63.49% 0.0858 277.23) 71.0%, oklch(59.61% 0.0830 281.36) 74.2%, oklch(55.55% 0.0826 282.94) 77.4%, oklch(50.70% 0.0843 282.15) 80.6%, oklch(45.36% 0.0875 279.60) 83.9%, oklch(39.83% 0.0915 275.91) 87.1%, oklch(34.46% 0.0960 271.68) 90.3%, oklch(29.56% 0.1002 267.53) 93.5%, oklch(25.44% 0.1038 264.08) 96.8%, oklch(22.46% 0.1049 262.13) 100.0%);

Dans ces collections

Dégradés bleus

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