Блакитний → оливковий, дуотон: лінійний градієнт

Лінійний градієнт, 40 кольорів, кут 90°: #98bbeb, #6eabcb, #2f958f, #397244, #434713. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

4 ключові кадри OKLCH, які можна редагувати.

• #98bbeb
• #96bae9
• #93b9e7
• #8fb8e5
• #8bb6e2
• #87b5df
• #83b3dc
• #7eb1d8
• #79afd4
• #74add0
• #6eabcb
• #69a9c7
• #63a7c2
• #5ea5bd
• #58a3b8
• #51a1b2
• #4a9fac
• #439ca6
• #3c9a9f
• #359797
• #2f958f
• #2a9287
• #278e7e
• #268b76
• #28886d
• #2a8464
• #2e805c
• #317c54
• #35774c
• #397244
• #3c6d3d
• #3f6835
• #41622f
• #435d29
• #435824
• #44541f
• #44501b
• #444c18
• #444916
• #434713

CSS

background: linear-gradient(90deg in oklch, oklch(78.35% 0.0785 256.64) 0.0%, oklch(77.92% 0.0786 255.17) 2.6%, oklch(77.42% 0.0785 253.45) 5.1%, oklch(76.84% 0.0784 251.49) 7.7%, oklch(76.20% 0.0783 249.31) 10.3%, oklch(75.49% 0.0782 246.92) 12.8%, oklch(74.73% 0.0781 244.33) 15.4%, oklch(73.93% 0.0781 241.56) 17.9%, oklch(73.08% 0.0781 238.61) 20.5%, oklch(72.20% 0.0782 235.51) 23.1%, oklch(71.30% 0.0784 232.26) 25.6%, oklch(70.38% 0.0788 228.88) 28.2%, oklch(69.44% 0.0793 225.38) 30.8%, oklch(68.50% 0.0799 221.77) 33.3%, oklch(67.54% 0.0809 217.93) 35.9%, oklch(66.53% 0.0822 213.78) 38.5%, oklch(65.49% 0.0838 209.36) 41.0%, oklch(64.41% 0.0857 204.72) 43.6%, oklch(63.30% 0.0876 199.92) 46.2%, oklch(62.16% 0.0896 195.00) 48.7%, oklch(61.01% 0.0916 190.01) 51.3%, oklch(59.84% 0.0934 185.01) 53.8%, oklch(58.66% 0.0950 180.04) 56.4%, oklch(57.48% 0.0964 175.16) 59.0%, oklch(56.29% 0.0973 170.41) 61.5%, oklch(55.11% 0.0979 165.85) 64.1%, oklch(53.94% 0.0978 161.53) 66.7%, oklch(52.72% 0.0972 157.28) 69.2%, oklch(51.42% 0.0960 152.93) 71.8%, oklch(50.06% 0.0943 148.53) 74.4%, oklch(48.66% 0.0922 144.13) 76.9%, oklch(47.25% 0.0898 139.78) 79.5%, oklch(45.84% 0.0872 135.53) 82.1%, oklch(44.47% 0.0845 131.44) 84.6%, oklch(43.15% 0.0818 127.55) 87.2%, oklch(41.91% 0.0792 123.91) 89.7%, oklch(40.77% 0.0768 120.58) 92.3%, oklch(39.76% 0.0747 117.61) 94.9%, oklch(38.89% 0.0729 115.04) 97.4%, oklch(38.19% 0.0717 112.92) 100.0%);

У цих колекціях

Ранок у дощовику кольору нарциса

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює