Nâu, xám và xanh dương (bổ túc) (gradient tuyến tính)

Bảng màu Nâu, xám và xanh dương (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #b87534, #96512e, #5f3c3c, #3f4052, #385b6d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b87534
#b67233
#b36e32
#af6930
#ab642f
#a75e2e
#a25a2e
#9c552e
#96512e
#8f4d2d
#88492d
#82462e
#7b4330
#754033
#6e3e36
#663d39
#5f3c3c
#583c3e
#523b40
#4e3b43
#4b3b46
#473c4a
#433e4e
#3f4052
#3a4355
#374557
#36495a
#364d5d
#365162
#375566
#38596a
#385b6d

CSS

background: linear-gradient(90deg in oklch, oklch(62.20% 0.1157 61.88) 0.0%, oklch(61.36% 0.1154 60.54) 3.2%, oklch(60.21% 0.1152 58.69) 6.5%, oklch(58.83% 0.1149 56.49) 9.7%, oklch(57.32% 0.1141 54.13) 12.9%, oklch(55.76% 0.1129 51.77) 16.1%, oklch(54.23% 0.1108 49.59) 19.4%, oklch(52.72% 0.1078 47.84) 22.6%, oklch(51.09% 0.1042 46.56) 25.8%, oklch(49.40% 0.1000 45.41) 29.0%, oklch(47.72% 0.0952 44.02) 32.3%, oklch(46.11% 0.0898 42.03) 35.5%, oklch(44.63% 0.0838 39.09) 38.7%, oklch(43.32% 0.0770 35.14) 41.9%, oklch(42.04% 0.0683 31.00) 45.2%, oklch(40.84% 0.0587 26.35) 48.4%, oklch(39.76% 0.0489 20.75) 51.6%, oklch(38.83% 0.0401 13.74) 54.8%, oklch(38.11% 0.0332 4.87) 58.1%, oklch(37.63% 0.0290 353.50) 61.3%, oklch(37.38% 0.0273 338.09) 64.5%, oklch(37.31% 0.0274 319.86) 67.7%, oklch(37.43% 0.0288 300.56) 71.0%, oklch(37.71% 0.0308 281.98) 74.2%, oklch(38.14% 0.0330 265.88) 77.4%, oklch(38.71% 0.0348 253.97) 80.6%, oklch(39.61% 0.0369 245.82) 83.9%, oklch(40.79% 0.0396 240.24) 87.1%, oklch(42.11% 0.0426 236.58) 90.3%, oklch(43.40% 0.0455 234.19) 93.5%, oklch(44.51% 0.0479 232.41) 96.8%, oklch(45.28% 0.0496 230.60) 100.0%);

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

Hoài niệm thẻ thư việ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