Xám, xanh hải quân và nâu liền mạch (gradient tuyến tính)

Bảng màu Xám, xanh hải quân và nâu liền mạch

Gradient tuyến tính, 32 màu, góc 225°: #d2dbd4, #70585b, #262c35, #774243, #dad2c3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#d2dbd4
#c8d0c7
#bcc2b5
#afb0a1
#a39c8c
#96887a
#89756b
#7c6561
#70585b
#634e57
#544652
#463f4c
#3a3844
#31333d
#2b2f37
#272d34
#262c35
#272d39
#2c2e41
#382f47
#47304b
#59334a
#693946
#774243
#834f45
#90604e
#9e755e
#ac8b72
#b9a189
#c6b5a0
#d1c6b5
#dad2c3

CSS

background: linear-gradient(225deg in oklch, oklch(88.19% 0.0138 152.58) 0.0%, oklch(84.97% 0.0155 141.45) 3.2%, oklch(80.53% 0.0179 126.44) 6.5%, oklch(75.23% 0.0209 108.56) 9.7%, oklch(69.44% 0.0241 88.82) 12.9%, oklch(63.53% 0.0271 68.20) 16.1%, oklch(57.85% 0.0295 47.72) 19.4%, oklch(52.79% 0.0312 28.37) 22.6%, oklch(48.65% 0.0317 10.95) 25.8%, oklch(44.88% 0.0303 352.24) 29.0%, oklch(41.24% 0.0275 331.85) 32.3%, oklch(37.87% 0.0239 311.28) 35.5%, oklch(34.88% 0.0203 291.99) 38.7%, oklch(32.39% 0.0172 275.45) 41.9%, oklch(30.52% 0.0154 263.13) 45.2%, oklch(29.39% 0.0155 256.51) 48.4%, oklch(29.09% 0.0184 257.15) 51.6%, oklch(29.57% 0.0248 265.84) 54.8%, oklch(30.74% 0.0337 280.82) 58.1%, oklch(32.53% 0.0439 300.06) 61.3%, oklch(34.86% 0.0542 321.55) 64.5%, oklch(37.65% 0.0635 343.28) 67.7%, oklch(40.84% 0.0705 3.24) 71.0%, oklch(44.36% 0.0742 19.39) 74.2%, oklch(48.46% 0.0735 31.31) 77.4%, oklch(53.72% 0.0690 41.89) 80.6%, oklch(59.76% 0.0618 51.33) 83.9%, oklch(66.15% 0.0530 59.67) 87.1%, oklch(72.46% 0.0436 66.95) 90.3%, oklch(78.26% 0.0346 73.21) 93.5%, oklch(83.12% 0.0270 78.49) 96.8%, oklch(86.61% 0.0220 82.83) 100.0%);

Trong các bộ sưu tập này

Bảng màu tối giản

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động