Серый и коричневый: цветовые полосы

Цветовые полосы, 32 цвета, угол 45°: #475c6d, #8296a1, #a5af9e, #a79283, #705545. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

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

#475c6d
#4c6071
#516676
#596d7c
#617583
#697d8b
#728693
#7a8e9a
#8296a1
#889da6
#8da3aa
#90a7ab
#93abab
#97ada9
#9bafa6
#9fb0a2
#a5af9e
#aaad9a
#aeab97
#b0a794
#b1a392
#b09f8f
#ac998a
#a79283
#a0897b
#998073
#907769
#886f60
#806657
#7a5f4f
#745949
#705545

CSS

background: linear-gradient(45deg, oklch(46.46% 0.0372 243.28) 0.000% 3.125%, oklch(47.93% 0.0365 242.21) 3.125% 6.250%, oklch(49.94% 0.0355 241.50) 6.250% 9.375%, oklch(52.36% 0.0344 240.88) 9.375% 12.500%, oklch(55.06% 0.0330 240.13) 12.500% 15.625%, oklch(57.91% 0.0317 238.97) 15.625% 18.750%, oklch(60.79% 0.0303 237.17) 18.750% 21.875%, oklch(63.57% 0.0290 234.48) 21.875% 25.000%, oklch(66.12% 0.0279 230.63) 25.000% 28.125%, oklch(68.32% 0.0269 225.39) 28.125% 31.250%, oklch(70.03% 0.0263 218.51) 31.250% 34.375%, oklch(71.24% 0.0260 209.45) 34.375% 37.500%, oklch(72.24% 0.0259 197.47) 37.500% 40.625%, oklch(73.03% 0.0259 183.17) 40.625% 43.750%, oklch(73.62% 0.0261 167.22) 43.750% 46.875%, oklch(73.99% 0.0265 150.31) 46.875% 50.000%, oklch(74.13% 0.0269 133.11) 50.000% 53.125%, oklch(74.05% 0.0275 116.29) 53.125% 56.250%, oklch(73.73% 0.0282 100.54) 56.250% 59.375%, oklch(73.16% 0.0289 86.54) 59.375% 62.500%, oklch(72.34% 0.0297 74.96) 62.500% 65.625%, oklch(71.24% 0.0306 66.40) 65.625% 68.750%, oklch(69.58% 0.0317 60.25) 68.750% 71.875%, oklch(67.39% 0.0330 55.97) 71.875% 75.000%, oklch(64.81% 0.0345 53.25) 75.000% 78.125%, oklch(61.98% 0.0361 51.77) 78.125% 81.250%, oklch(59.03% 0.0377 51.25) 81.250% 84.375%, oklch(56.09% 0.0393 51.36) 84.375% 87.500%, oklch(53.31% 0.0408 51.79) 87.500% 90.625%, oklch(50.82% 0.0421 52.25) 90.625% 93.750%, oklch(48.75% 0.0433 52.43) 93.750% 96.875%, oklch(47.24% 0.0441 52.01) 96.875% 100.000%);

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

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