Nâu và nâu vàng (đơn sắc) (gradient hình nón)

Gradient hình nón, 32 màu, góc 90°: #342500, #886300, #f0d0a6, #d0a684, #581400. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#342500
#382800
#3d2d00
#443200
#4d3900
#584000
#654a00
#755600
#886300
#9b7100
#ac8020
#b98e3f
#c69e59
#d4ad71
#e0bc86
#e9c798
#f0d0a6
#f5d7b3
#f8dcbe
#f8dec3
#f5dbc2
#edd1b7
#e1bea1
#d0a684
#be8a63
#ae7044
#a05928
#954303
#823300
#712600
#631b00
#581400

CSS

background: conic-gradient(from 90deg in oklch, oklch(27.56% 0.0564 86.31) 0.0%, oklch(28.91% 0.0592 86.24) 3.2%, oklch(30.68% 0.0628 86.17) 6.5%, oklch(32.90% 0.0673 86.04) 9.7%, oklch(35.59% 0.0729 85.82) 12.9%, oklch(38.79% 0.0795 85.44) 16.1%, oklch(42.67% 0.0875 84.90) 19.4%, oklch(47.33% 0.0971 84.21) 22.6%, oklch(52.43% 0.1077 83.40) 25.8%, oklch(57.65% 0.1187 82.50) 29.0%, oklch(62.63% 0.1188 81.54) 32.3%, oklch(67.29% 0.1095 80.51) 35.5%, oklch(72.17% 0.0998 79.42) 38.7%, oklch(76.96% 0.0901 78.26) 41.9%, oklch(81.31% 0.0808 77.00) 45.2%, oklch(84.86% 0.0725 75.61) 48.4%, oklch(87.41% 0.0653 74.08) 51.6%, oklch(89.54% 0.0577 72.43) 54.8%, oklch(91.03% 0.0507 70.65) 58.1%, oklch(91.51% 0.0457 68.76) 61.3%, oklch(90.57% 0.0440 66.75) 64.5%, oklch(87.79% 0.0471 64.63) 67.7%, oklch(82.51% 0.0557 62.38) 71.0%, oklch(75.45% 0.0683 60.02) 74.2%, oklch(67.63% 0.0831 57.53) 77.4%, oklch(60.07% 0.0984 54.93) 80.6%, oklch(53.78% 0.1125 52.20) 83.9%, oklch(48.13% 0.1276 48.99) 87.1%, oklch(42.71% 0.1213 45.36) 90.3%, oklch(37.79% 0.1144 41.84) 93.5%, oklch(33.69% 0.1084 38.79) 96.8%, oklch(30.71% 0.1037 36.63) 100.0%);

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

Bảng màu gỗ Gradient nâu Gradient Lễ Tạ ơ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