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

Dégradé linéaire, 32 couleurs à 225° : #072f39, #1d5959, #498e83, #7cbfb0, #bef4e6. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #072f39
• #09323b
• #0a363f
• #0c3b42
• #0e4047
• #11464b
• #144c50
• #185355
• #1d5959
• #22605e
• #276663
• #2c6c67
• #32736c
• #377972
• #3d8077
• #43877d
• #498e83
• #4f9589
• #569c8f
• #5da395
• #64aa9b
• #6bb0a1
• #73b8a8
• #7cbfb0
• #86c7b7
• #8fcfbf
• #99d6c7
• #a2decf
• #abe4d6
• #b2eadc
• #b9f0e2
• #bef4e6

CSS

background: linear-gradient(225deg in oklch, oklch(28.35% 0.0455 217.97) 0.0%, oklch(29.44% 0.0466 216.26) 3.2%, oklch(30.82% 0.0481 213.97) 6.5%, oklch(32.44% 0.0500 211.23) 9.7%, oklch(34.27% 0.0520 208.17) 12.9%, oklch(36.25% 0.0541 204.92) 16.1%, oklch(38.34% 0.0564 201.59) 19.4%, oklch(40.50% 0.0586 198.32) 22.6%, oklch(42.69% 0.0607 195.23) 25.8%, oklch(44.85% 0.0626 192.45) 29.0%, oklch(46.96% 0.0643 190.10) 32.3%, oklch(49.00% 0.0657 188.23) 35.5%, oklch(51.08% 0.0672 186.61) 38.7%, oklch(53.21% 0.0686 185.20) 41.9%, oklch(55.37% 0.0700 183.97) 45.2%, oklch(57.56% 0.0712 182.91) 48.4%, oklch(59.77% 0.0724 181.99) 51.6%, oklch(61.99% 0.0733 181.19) 54.8%, oklch(64.21% 0.0740 180.48) 58.1%, oklch(66.42% 0.0744 179.84) 61.3%, oklch(68.62% 0.0745 179.25) 64.5%, oklch(70.81% 0.0743 178.69) 67.7%, oklch(73.14% 0.0734 178.26) 71.0%, oklch(75.59% 0.0721 177.97) 74.2%, oklch(78.11% 0.0704 177.79) 77.4%, oklch(80.64% 0.0685 177.70) 80.6%, oklch(83.11% 0.0664 177.68) 83.9%, oklch(85.46% 0.0643 177.71) 87.1%, oklch(87.65% 0.0622 177.76) 90.3%, oklch(89.59% 0.0604 177.81) 93.5%, oklch(91.23% 0.0589 177.83) 96.8%, oklch(92.52% 0.0579 177.81) 100.0%);

Dans ces collections

Dégradés bleu canard

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