Vert, bleu canard et bleu aux tons froids en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #0f6745, #28b089, #5fc7c4, #2985bd, #2a3e7b. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #0f6745
• #106d4a
• #127652
• #14805b
• #168a64
• #1a936d
• #1d9d76
• #21a77f
• #28b089
• #32b993
• #43c19e
• #56c9a9
• #66cfb3
• #6fd2bc
• #6ed2c1
• #68cec3
• #5fc7c4
• #54bfc4
• #4ab7c4
• #3faec5
• #35a5c5
• #2e9ac4
• #2b90c1
• #2985bd
• #277ab8
• #2670b1
• #2666a9
• #285ca1
• #2a5397
• #2b4a8c
• #2b4382
• #2a3e7b

CSS

background: linear-gradient(90deg in oklch, oklch(45.67% 0.0965 161.02) 0.0%, oklch(47.52% 0.0994 161.68) 3.2%, oklch(50.16% 0.1036 162.64) 6.5%, oklch(53.20% 0.1084 163.73) 9.7%, oklch(56.26% 0.1128 164.82) 12.9%, oklch(59.09% 0.1165 165.76) 16.1%, oklch(62.00% 0.1208 166.57) 19.4%, oklch(64.95% 0.1247 167.40) 22.6%, oklch(67.80% 0.1270 168.39) 25.8%, oklch(70.45% 0.1265 169.67) 29.0%, oklch(73.23% 0.1218 170.91) 32.3%, oklch(76.04% 0.1143 172.20) 35.5%, oklch(78.38% 0.1064 174.03) 38.7%, oklch(79.77% 0.1003 176.86) 41.9%, oklch(79.79% 0.0975 181.11) 45.2%, oklch(78.61% 0.0964 186.60) 48.4%, oklch(76.67% 0.0966 192.91) 51.6%, oklch(74.41% 0.0979 199.59) 54.8%, oklch(72.22% 0.0999 206.26) 58.1%, oklch(69.87% 0.1034 213.54) 61.3%, oklch(67.28% 0.1080 221.20) 64.5%, oklch(64.55% 0.1127 228.63) 67.7%, oklch(61.81% 0.1167 235.21) 71.0%, oklch(59.02% 0.1197 240.62) 74.2%, oklch(56.12% 0.1226 245.24) 77.4%, oklch(53.19% 0.1248 249.30) 80.6%, oklch(50.36% 0.1257 253.01) 83.9%, oklch(47.67% 0.1246 256.60) 87.1%, oklch(44.87% 0.1209 260.07) 90.3%, oklch(42.16% 0.1158 263.24) 93.5%, oklch(39.83% 0.1108 265.87) 96.8%, oklch(38.19% 0.1075 267.75) 100.0%);

Dans ces collections

Dégradés océanDégradés bleu marine et bleu canardDégradés bleu et vert

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