Чёрный и серый: цветовые полосы

Цветовые полосы, 32 цвета, угол 135°: #212429, #43474b, #7b7f83, #b0b3b7, #dcdfe2. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

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

#212429
#23272b
#272a2f
#2a2e32
#2e3236
#33373b
#383c40
#3d4145
#43474b
#494d51
#505358
#565a5e
#5d6165
#65686c
#6c7074
#73777b
#7b7f83
#83868a
#8a8e92
#92969a
#9a9da1
#a1a5a8
#a9acb0
#b0b3b7
#b7babe
#bdc1c4
#c4c7ca
#c9cdd0
#cfd2d5
#d4d7da
#d8dbde
#dcdfe2

CSS

background: linear-gradient(135deg, oklch(25.98% 0.0096 250.31) 0.000% 3.125%, oklch(27.12% 0.0096 250.31) 3.125% 6.250%, oklch(28.44% 0.0095 250.31) 6.250% 9.375%, oklch(29.93% 0.0094 250.31) 9.375% 12.500%, oklch(31.59% 0.0093 250.31) 12.500% 15.625%, oklch(33.39% 0.0092 250.31) 15.625% 18.750%, oklch(35.34% 0.0090 250.31) 18.750% 21.875%, oklch(37.40% 0.0089 250.31) 21.875% 25.000%, oklch(39.57% 0.0088 250.31) 25.000% 28.125%, oklch(41.84% 0.0086 250.31) 28.125% 31.250%, oklch(44.20% 0.0085 250.31) 31.250% 34.375%, oklch(46.62% 0.0083 250.31) 34.375% 37.500%, oklch(49.11% 0.0082 250.31) 37.500% 40.625%, oklch(51.64% 0.0080 250.31) 40.625% 43.750%, oklch(54.20% 0.0078 250.31) 43.750% 46.875%, oklch(56.78% 0.0077 250.31) 46.875% 50.000%, oklch(59.36% 0.0075 250.31) 50.000% 53.125%, oklch(61.95% 0.0073 250.31) 53.125% 56.250%, oklch(64.51% 0.0072 250.31) 56.250% 59.375%, oklch(67.04% 0.0070 250.31) 59.375% 62.500%, oklch(69.52% 0.0068 250.31) 62.500% 65.625%, oklch(71.94% 0.0067 250.31) 65.625% 68.750%, oklch(74.30% 0.0065 250.31) 68.750% 71.875%, oklch(76.57% 0.0064 250.31) 71.875% 75.000%, oklch(78.74% 0.0062 250.31) 75.000% 78.125%, oklch(80.81% 0.0061 250.31) 78.125% 81.250%, oklch(82.75% 0.0060 250.31) 81.250% 84.375%, oklch(84.55% 0.0059 250.31) 84.375% 87.500%, oklch(86.21% 0.0058 250.31) 87.500% 90.625%, oklch(87.70% 0.0057 250.31) 90.625% 93.750%, oklch(89.02% 0.0056 250.31) 93.750% 96.875%, oklch(90.16% 0.0055 250.31) 96.875% 100.000%);

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

Серые градиенты Мягкие нейтральные градиенты