Vert foncé, bleu canard, bleu clair et rose en dégradé linéaire

Dégradé linéaire, 32 couleurs à 180° : #103a2a, #197076, #4aadc5, #9ebad2, #ff9c92. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #103a2a
• #0f3e2f
• #0f4337
• #0e4a40
• #0f504a
• #105753
• #125f5e
• #15686a
• #197076
• #1d7882
• #22818c
• #278997
• #2c91a1
• #3299aa
• #3aa0b4
• #41a6bd
• #4aadc5
• #53b2cc
• #5fb6d0
• #6abad0
• #76bccd
• #83bdcc
• #8fbdcf
• #9ebad2
• #b0b7cf
• #bcb5c6
• #c4b4c0
• #ccb2bb
• #dbacb4
• #eda4a8
• #fc9c99
• #ff9c92

CSS

background: linear-gradient(180deg in oklch, oklch(31.50% 0.0551 164.53) 0.0%, oklch(32.80% 0.0565 168.12) 3.2%, oklch(34.62% 0.0584 173.28) 6.5%, oklch(36.80% 0.0608 179.10) 9.7%, oklch(39.14% 0.0635 184.65) 12.9%, oklch(41.56% 0.0666 189.32) 16.1%, oklch(44.26% 0.0702 193.84) 19.4%, oklch(47.12% 0.0742 198.12) 22.6%, oklch(50.00% 0.0782 201.94) 25.8%, oklch(52.74% 0.0818 205.09) 29.0%, oklch(55.42% 0.0854 207.35) 32.3%, oklch(58.08% 0.0891 208.95) 35.5%, oklch(60.66% 0.0923 210.25) 38.7%, oklch(63.11% 0.0946 211.63) 41.9%, oklch(65.43% 0.0961 213.29) 45.2%, oklch(67.67% 0.0974 215.00) 48.4%, oklch(69.78% 0.0977 216.70) 51.6%, oklch(71.67% 0.0963 218.35) 54.8%, oklch(73.25% 0.0922 219.70) 58.1%, oklch(74.52% 0.0845 217.96) 61.3%, oklch(75.53% 0.0745 215.40) 64.5%, oklch(76.36% 0.0640 216.03) 67.7%, oklch(77.07% 0.0548 223.88) 71.0%, oklch(77.66% 0.0458 243.34) 74.2%, oklch(78.08% 0.0350 272.85) 77.4%, oklch(78.38% 0.0264 305.64) 80.6%, oklch(78.61% 0.0243 334.87) 83.9%, oklch(78.83% 0.0331 354.55) 87.1%, oklch(78.97% 0.0561 7.44) 90.3%, oklch(79.05% 0.0863 16.06) 93.5%, oklch(79.09% 0.1154 21.89) 96.8%, oklch(79.13% 0.1204 26.45) 100.0%);

Dans ces collections

Dégradés pour section heroDégradés multicolores douxDégradés pour fond d’écran

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