Nâu sang xám (gradient tuyến tính)

Nâu sang xám: bảng màu gồm 32 màu. #986a6f, #a57862, #b19365, #a69e70, #809e93, #8796a6, #a399b3, #b7acc0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 7 keyframe OKLCH chỉnh sửa được.

#986a6f
#9b6c6d
#9f6f69
#a37365
#a57862
#a77d60
#a9825f
#ac8860
#af8e62
#b19365
#b19867
#ae9b6a
#ab9d6d
#a69e70
#a19e74
#9a9e79
#919f7f
#87a089
#809e93
#7f9c9a
#81999f
#8497a2
#8796a6
#8b95aa
#9094ad
#9694b0
#9d95b1
#a399b3
#a99eb7
#afa3ba
#b4a9be
#b7acc0

CSS

background: linear-gradient(180deg in oklch, oklch(57.48% 0.0593 11.95) 0.0%, oklch(58.13% 0.0604 18.14) 3.2%, oklch(59.02% 0.0620 27.02) 6.5%, oklch(60.08% 0.0639 37.21) 9.7%, oklch(61.24% 0.0658 47.38) 12.9%, oklch(62.41% 0.0673 56.16) 16.1%, oklch(63.67% 0.0687 62.90) 19.4%, oklch(65.16% 0.0703 68.55) 22.6%, oklch(66.69% 0.0717 73.63) 25.8%, oklch(68.06% 0.0725 78.60) 29.0%, oklch(69.07% 0.0721 83.97) 32.3%, oklch(69.56% 0.0702 89.49) 35.5%, oklch(69.63% 0.0669 93.84) 38.7%, oklch(69.41% 0.0627 98.29) 41.9%, oklch(69.04% 0.0579 104.36) 45.2%, oklch(68.66% 0.0532 113.53) 48.4%, oklch(68.34% 0.0487 127.42) 51.6%, oklch(67.90% 0.0433 146.80) 54.8%, oklch(67.39% 0.0376 169.49) 58.1%, oklch(66.92% 0.0325 193.05) 61.3%, oklch(66.61% 0.0288 215.00) 64.5%, oklch(66.54% 0.0274 233.17) 67.7%, oklch(66.63% 0.0291 249.39) 71.0%, oklch(66.85% 0.0326 264.28) 74.2%, oklch(67.24% 0.0368 277.49) 77.4%, oklch(67.83% 0.0401 288.68) 80.6%, oklch(68.67% 0.0414 297.50) 83.9%, oklch(69.97% 0.0403 303.31) 87.1%, oklch(71.63% 0.0379 306.57) 90.3%, oklch(73.38% 0.0349 308.16) 93.5%, oklch(74.92% 0.0321 308.99) 96.8%, oklch(75.98% 0.0303 309.96) 100.0%);

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

Gradient cầu vồng tông trầm

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