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 225°: #4d332a, #785849, #b0927b, #896654, #3e2c26. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d332a
#50362c
#54392f
#593d32
#5f4236
#65473a
#6b4c3f
#715244
#785849
#7f604f
#886957
#927360
#9b7d68
#a48570
#aa8d76
#af917a
#b0927b
#ae9079
#ab8c75
#a6866f
#9f7e68
#987661
#916e5a
#896654
#815f4e
#775748
#6c4e41
#60453b
#563d34
#4c362f
#44302a
#3e2c26

CSS

background: conic-gradient(from 225deg in oklch, oklch(35.04% 0.0413 40.78) 0.0%, oklch(36.07% 0.0419 41.24) 3.2%, oklch(37.39% 0.0428 41.81) 6.5%, oklch(38.96% 0.0438 42.48) 9.7%, oklch(40.73% 0.0449 43.26) 12.9%, oklch(42.67% 0.0460 44.15) 16.1%, oklch(44.71% 0.0470 45.14) 19.4%, oklch(46.82% 0.0478 46.23) 22.6%, oklch(48.98% 0.0483 47.45) 25.8%, oklch(51.62% 0.0486 49.06) 29.0%, oklch(54.70% 0.0486 51.04) 32.3%, oklch(57.98% 0.0485 53.18) 35.5%, oklch(61.19% 0.0483 55.30) 38.7%, oklch(64.07% 0.0482 57.21) 41.9%, oklch(66.36% 0.0481 58.72) 45.2%, oklch(67.79% 0.0481 59.63) 48.4%, oklch(68.15% 0.0484 59.78) 51.6%, oklch(67.57% 0.0492 59.25) 54.8%, oklch(66.22% 0.0502 58.19) 58.1%, oklch(64.30% 0.0514 56.73) 61.3%, oklch(61.96% 0.0524 55.00) 64.5%, oklch(59.37% 0.0531 53.15) 67.7%, oklch(56.71% 0.0532 51.31) 71.0%, oklch(54.15% 0.0526 49.62) 74.2%, oklch(51.59% 0.0511 48.04) 77.4%, oklch(48.57% 0.0485 46.26) 80.6%, oklch(45.25% 0.0451 44.38) 83.9%, oklch(41.84% 0.0414 42.47) 87.1%, oklch(38.52% 0.0376 40.64) 90.3%, oklch(35.49% 0.0340 38.98) 93.5%, oklch(32.96% 0.0310 37.59) 96.8%, oklch(31.10% 0.0289 36.55) 100.0%);

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

Gradient nâu Sọc màu nâu

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