Xám, nâu vàng và nâu (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #4a493a, #6f5338, #99673d, #bd8b52, #977248. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4a493a
#4d4a3a
#514c3a
#564d3a
#5c4f3a
#61503a
#66513a
#6b5239
#6f5338
#735437
#785636
#7d5737
#835a37
#895d38
#8e603a
#94643b
#99673d
#9f6b3e
#a46f40
#a97342
#ae7844
#b27d47
#b8834c
#bd8b52
#c19158
#c4965d
#c2975e
#bc925c
#b28a57
#a78051
#9d784b
#977248

CSS

background: linear-gradient(315deg in oklch, oklch(40.16% 0.0234 104.06) 0.0%, oklch(40.73% 0.0257 99.60) 3.2%, oklch(41.54% 0.0287 93.13) 6.5%, oklch(42.48% 0.0324 85.78) 9.7%, oklch(43.45% 0.0365 78.71) 12.9%, oklch(44.35% 0.0406 73.08) 16.1%, oklch(45.12% 0.0450 69.36) 19.4%, oklch(45.80% 0.0499 66.71) 22.6%, oklch(46.48% 0.0549 64.81) 25.8%, oklch(47.22% 0.0600 63.40) 29.0%, oklch(48.09% 0.0647 62.19) 32.3%, oklch(49.15% 0.0690 61.06) 35.5%, oklch(50.35% 0.0731 60.26) 38.7%, oklch(51.66% 0.0770 59.78) 41.9%, oklch(53.04% 0.0806 59.58) 45.2%, oklch(54.43% 0.0839 59.60) 48.4%, oklch(55.81% 0.0869 59.82) 51.6%, oklch(57.22% 0.0897 60.32) 54.8%, oklch(58.66% 0.0923 61.06) 58.1%, oklch(60.13% 0.0944 62.01) 61.3%, oklch(61.61% 0.0959 63.11) 64.5%, oklch(63.14% 0.0966 64.35) 67.7%, oklch(65.11% 0.0965 66.07) 71.0%, oklch(67.27% 0.0957 68.09) 74.2%, oklch(69.17% 0.0944 70.05) 77.4%, oklch(70.36% 0.0926 71.61) 80.6%, oklch(70.37% 0.0906 72.43) 83.9%, oklch(68.76% 0.0876 72.37) 87.1%, oklch(65.99% 0.0839 71.69) 90.3%, oklch(62.77% 0.0801 70.72) 93.5%, oklch(59.83% 0.0767 69.78) 96.8%, oklch(57.87% 0.0744 69.19) 100.0%);

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

Gradient đồng thiếc

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