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

Gradient tuyến tính, 32 màu, góc 135°: #b98954, #ffefc1, #93491c, #492214, #d69c4a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b98954
#c0935e
#caa36e
#d6b581
#e4c996
#f0dbaa
#fae8ba
#fff0c4
#ffefc1
#f9e4b3
#edd29e
#dfba83
#d0a067
#bf854d
#af6c36
#a05826
#93491c
#843d17
#753314
#662b13
#592512
#4f2212
#4a2113
#492214
#4f2818
#5d331e
#714225
#88542e
#a06936
#b77d3e
#c98f45
#d69c4a

CSS

background: linear-gradient(135deg in oklch, oklch(66.54% 0.0909 68.20) 0.0%, oklch(69.40% 0.0880 70.53) 3.2%, oklch(73.80% 0.0835 74.14) 6.5%, oklch(79.08% 0.0781 78.47) 9.7%, oklch(84.56% 0.0725 82.95) 12.9%, oklch(89.58% 0.0674 87.02) 16.1%, oklch(93.50% 0.0636 90.11) 19.4%, oklch(95.63% 0.0594 91.66) 22.6%, oklch(95.33% 0.0620 91.09) 25.8%, oklch(92.41% 0.0670 88.12) 29.0%, oklch(87.42% 0.0744 83.25) 32.3%, oklch(80.99% 0.0835 77.11) 35.5%, oklch(73.76% 0.0932 70.30) 38.7%, oklch(66.35% 0.1023 63.46) 41.9%, oklch(59.39% 0.1095 57.19) 45.2%, oklch(53.52% 0.1138 52.13) 48.4%, oklch(49.06% 0.1138 48.65) 51.6%, oklch(44.76% 0.1094 45.76) 54.8%, oklch(40.58% 0.1018 43.33) 58.1%, oklch(36.78% 0.0924 41.43) 61.3%, oklch(33.61% 0.0824 40.11) 64.5%, oklch(31.33% 0.0734 39.45) 67.7%, oklch(30.18% 0.0666 39.52) 71.0%, oklch(30.41% 0.0635 40.38) 74.2%, oklch(32.52% 0.0648 42.37) 77.4%, oklch(36.89% 0.0700 45.91) 80.6%, oklch(42.87% 0.0778 50.56) 83.9%, oklch(49.79% 0.0872 55.83) 87.1%, oklch(56.97% 0.0972 61.25) 90.3%, oklch(63.72% 0.1067 66.32) 93.5%, oklch(69.37% 0.1146 70.56) 96.8%, oklch(73.23% 0.1199 73.49) 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