Nâu, nâu vàng, xám đậm và xám (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #764b3d, #cd9b70, #ac8d61, #303134, #a1a8ad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#764b3d
#7c4f40
#845645
#8e5f4a
#996851
#a47358
#af7d5e
#ba8764
#c2906a
#c9976e
#cd9b70
#ce9f71
#cda270
#cba46f
#c7a66d
#c2a66b
#bda46a
#b8a168
#b39c65
#b09663
#ac8d61
#a5805f
#99715f
#88625f
#73555c
#5e4a56
#4a414d
#3c3942
#333439
#303134
#333335
#3a3a3a
#444445
#515252
#5f6163
#6f7274
#7e8386
#8d9296
#999fa4
#a1a8ad

CSS

background: linear-gradient(135deg in oklch, oklch(45.67% 0.0634 38.67) 0.0%, oklch(47.46% 0.0647 40.12) 2.6%, oklch(49.96% 0.0666 42.02) 5.1%, oklch(52.98% 0.0688 44.28) 7.7%, oklch(56.33% 0.0714 46.81) 10.3%, oklch(59.81% 0.0740 49.52) 12.8%, oklch(63.25% 0.0765 52.31) 15.4%, oklch(66.44% 0.0788 55.08) 17.9%, oklch(69.21% 0.0807 57.76) 20.5%, oklch(71.35% 0.0821 60.24) 23.1%, oklch(72.71% 0.0828 62.51) 25.6%, oklch(73.56% 0.0833 65.86) 28.2%, oklch(74.07% 0.0836 70.37) 30.8%, oklch(74.23% 0.0838 75.42) 33.3%, oklch(74.07% 0.0837 80.42) 35.9%, oklch(73.57% 0.0831 84.77) 38.5%, oklch(72.74% 0.0821 87.84) 41.0%, oklch(71.59% 0.0804 89.04) 43.6%, oklch(70.12% 0.0781 87.77) 46.2%, oklch(68.33% 0.0749 83.41) 48.7%, oklch(66.10% 0.0708 75.20) 51.3%, oklch(62.73% 0.0649 62.17) 53.8%, oklch(58.43% 0.0577 45.19) 56.4%, oklch(53.54% 0.0495 25.37) 59.0%, oklch(48.42% 0.0409 3.79) 61.5%, oklch(43.41% 0.0321 341.57) 64.1%, oklch(38.86% 0.0237 319.81) 66.7%, oklch(35.12% 0.0161 299.60) 69.2%, oklch(32.55% 0.0097 282.05) 71.8%, oklch(31.49% 0.0050 268.25) 74.4%, oklch(32.26% 0.0022 258.57) 76.9%, oklch(34.80% 0.0009 251.49) 79.5%, oklch(38.73% 0.0008 246.56) 82.1%, oklch(43.66% 0.0016 243.38) 84.6%, oklch(49.21% 0.0031 241.57) 87.2%, oklch(54.99% 0.0049 240.71) 89.7%, oklch(60.63% 0.0069 240.43) 92.3%, oklch(65.74% 0.0088 240.34) 94.9%, oklch(69.94% 0.0102 240.02) 97.4%, oklch(72.83% 0.0110 239.10) 100.0%);

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

Gradient ánh kim

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