Bleu clair, vert foncé, bleu canard et vert en dégradé linéaire

Dégradé linéaire, 32 couleurs à 30° : #7abffc, #213102, #127182, #60bc61, #a4eefd. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #7abffc
• #5fb5e5
• #3ba5c1
• #189095
• #117868
• #1e5f40
• #244920
• #24380a
• #213102
• #1d3006
• #173613
• #0c3e25
• #00493a
• #005350
• #025e66
• #116877
• #127182
• #007c8a
• #00878b
• #009388
• #00a080
• #22ac71
• #4bb464
• #60bc61
• #67c56c
• #65cf84
• #61d8a0
• #64e0bd
• #71e5d6
• #84e9e9
• #97ecf6
• #a4eefd

CSS

background: linear-gradient(30deg in oklch, oklch(78.35% 0.1116 246.09) 0.0%, oklch(73.90% 0.1081 235.03) 3.2%, oklch(67.43% 0.1029 218.64) 6.5%, oklch(59.69% 0.0968 199.04) 9.7%, oklch(51.45% 0.0902 178.33) 12.9%, oklch(43.48% 0.0838 158.61) 16.1%, oklch(36.53% 0.0781 141.99) 19.4%, oklch(31.37% 0.0737 130.57) 22.6%, oklch(28.73% 0.0712 126.46) 25.8%, oklch(28.41% 0.0697 130.81) 29.0%, oklch(29.80% 0.0689 141.74) 32.3%, oklch(32.49% 0.0689 156.91) 35.5%, oklch(36.06% 0.0686 173.93) 38.7%, oklch(40.07% 0.0691 190.53) 41.9%, oklch(44.08% 0.0746 204.26) 45.2%, oklch(47.69% 0.0788 212.80) 48.4%, oklch(50.63% 0.0846 214.03) 51.6%, oklch(53.59% 0.0923 208.57) 54.8%, oklch(56.66% 0.0963 198.37) 58.1%, oklch(59.78% 0.1051 185.38) 61.3%, oklch(62.90% 0.1226 171.51) 64.5%, oklch(65.98% 0.1435 158.69) 67.7%, oklch(68.95% 0.1518 148.82) 71.0%, oklch(71.77% 0.1556 143.85) 74.2%, oklch(74.47% 0.1537 145.02) 77.4%, oklch(77.23% 0.1465 151.02) 80.6%, oklch(79.98% 0.1355 160.45) 83.9%, oklch(82.63% 0.1222 171.99) 87.1%, oklch(85.09% 0.1080 184.28) 90.3%, oklch(87.29% 0.0945 195.98) 93.5%, oklch(89.14% 0.0833 205.76) 96.8%, oklch(90.55% 0.0758 212.28) 100.0%);

Dans ces collections

Dégradés bleu et vert

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