Чёрный и голубой, монохром: цветовые полосы

Цветовая палитра «Чёрный и голубой, монохром»

Цветовые полосы, 32 цвета, угол 90°: #0f161c, #1e3d5b, #4a71ad, #89a5dc, #c6d7fc. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

3 редактируемые ключевые точки OKLCH.

#0f161c
#101921
#111d26
#13212d
#142634
#162b3d
#183146
#1b3750
#1e3d5b
#214366
#254a71
#2a507c
#305787
#365e92
#3c649c
#436ba5
#4a71ad
#5178b4
#5a7fbc
#6386c3
#6c8ec9
#7695d0
#7f9dd6
#89a5dc
#93ade1
#9cb4e6
#a5bbeb
#adc2ef
#b5c8f3
#bccef6
#c1d3f9
#c6d7fc

CSS

background: linear-gradient(90deg, oklch(19.69% 0.0165 241.17) 0.000% 3.125%, oklch(20.91% 0.0199 241.80) 3.125% 6.250%, oklch(22.39% 0.0245 242.59) 6.250% 9.375%, oklch(24.10% 0.0299 243.51) 9.375% 12.500%, oklch(26.01% 0.0361 244.54) 12.500% 15.625%, oklch(28.09% 0.0429 245.67) 15.625% 18.750%, oklch(30.31% 0.0500 246.88) 18.750% 21.875%, oklch(32.65% 0.0574 248.13) 21.875% 25.000%, oklch(35.09% 0.0648 249.42) 25.000% 28.125%, oklch(37.59% 0.0721 250.72) 28.125% 31.250%, oklch(40.12% 0.0790 252.02) 31.250% 34.375%, oklch(42.67% 0.0854 253.28) 34.375% 37.500%, oklch(45.20% 0.0912 254.50) 37.500% 40.625%, oklch(47.69% 0.0961 255.65) 40.625% 43.750%, oklch(50.11% 0.0999 256.71) 43.750% 46.875%, oklch(52.43% 0.1025 257.65) 46.875% 50.000%, oklch(54.66% 0.1038 258.48) 50.000% 53.125%, oklch(56.99% 0.1038 259.27) 53.125% 56.250%, oklch(59.42% 0.1027 260.02) 56.250% 59.375%, oklch(61.93% 0.1006 260.73) 59.375% 62.500%, oklch(64.48% 0.0978 261.41) 62.500% 65.625%, oklch(67.06% 0.0942 262.05) 65.625% 68.750%, oklch(69.63% 0.0902 262.65) 68.750% 71.875%, oklch(72.16% 0.0858 263.23) 71.875% 75.000%, oklch(74.63% 0.0812 263.76) 75.000% 78.125%, oklch(77.01% 0.0765 264.26) 78.125% 81.250%, oklch(79.27% 0.0719 264.73) 81.250% 84.375%, oklch(81.38% 0.0675 265.16) 84.375% 87.500%, oklch(83.32% 0.0635 265.56) 87.500% 90.625%, oklch(85.05% 0.0600 265.92) 90.625% 93.750%, oklch(86.55% 0.0571 266.24) 93.750% 96.875%, oklch(87.80% 0.0551 266.53) 96.875% 100.000%);

В этих коллекциях

Приглушённые градиенты