Синій, монохром, пастельні тони: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #d9f0ff, #afdbff, #8fd0fa, #80bff2, #8f93e0. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #d9f0ff
• #d6eeff
• #d1ecff
• #cceaff
• #c6e7ff
• #c0e4ff
• #bae1ff
• #b4deff
• #afdbff
• #a9d8ff
• #a4d6ff
• #a0d4ff
• #9dd2fe
• #99d2fd
• #96d1fc
• #92d0fb
• #8fd0fa
• #8ccff8
• #89cef7
• #87cdf6
• #84cbf5
• #82c8f4
• #81c4f3
• #80bff2
• #80baf1
• #82b3f0
• #84adee
• #86a7eb
• #89a1e8
• #8b9be5
• #8e96e2
• #8f93e0

CSS

background: linear-gradient(135deg in oklch, oklch(94.28% 0.0317 236.33) 0.0%, oklch(93.75% 0.0345 236.85) 3.2%, oklch(93.04% 0.0382 237.58) 6.5%, oklch(92.20% 0.0426 238.50) 9.7%, oklch(91.25% 0.0475 239.52) 12.9%, oklch(90.24% 0.0526 240.58) 16.1%, oklch(89.21% 0.0579 241.61) 19.4%, oklch(88.18% 0.0632 242.55) 22.6%, oklch(87.19% 0.0683 243.34) 25.8%, oklch(86.29% 0.0730 243.92) 29.0%, oklch(85.50% 0.0773 244.21) 32.3%, oklch(84.86% 0.0804 244.08) 35.5%, oklch(84.34% 0.0827 243.31) 38.7%, oklch(83.91% 0.0845 242.08) 41.9%, oklch(83.55% 0.0860 240.55) 45.2%, oklch(83.22% 0.0871 238.92) 48.4%, oklch(82.89% 0.0881 237.37) 51.6%, oklch(82.54% 0.0890 236.07) 54.8%, oklch(82.13% 0.0899 235.23) 58.1%, oklch(81.63% 0.0909 235.01) 61.3%, oklch(81.02% 0.0922 235.60) 64.5%, oklch(80.26% 0.0938 237.20) 67.7%, oklch(79.30% 0.0956 240.02) 71.0%, oklch(78.18% 0.0977 243.88) 74.2%, oklch(76.94% 0.0998 248.51) 77.4%, oklch(75.63% 0.1020 253.66) 80.6%, oklch(74.30% 0.1042 259.06) 83.9%, oklch(73.00% 0.1063 264.46) 87.1%, oklch(71.78% 0.1083 269.58) 90.3%, oklch(70.69% 0.1101 274.18) 93.5%, oklch(69.78% 0.1115 277.98) 96.8%, oklch(69.09% 0.1127 280.74) 100.0%);

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

Light blue gradients

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