Nâu và nâu vàng (đơn sắc) liền mạch (gradient tuyến tính)

Bảng màu Nâu và nâu vàng (đơn sắc) liền mạch

Gradient tuyến tính, 32 màu, góc 135°: #1f0c00, #8d5f13, #a58d6a, #a1773a, #261000. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f0c00
#2e1600
#452703
#603b0a
#7b5113
#92641a
#9e6f1e
#9c6d1c
#8d5f13
#764b05
#5e3800
#4a2a00
#432400
#4a2d0b
#604425
#806645
#a58d6a
#c8b18b
#e1cba2
#e9d2a7
#e1c798
#d0b17d
#ba955c
#a1773a
#8a5c19
#784900
#663c00
#552f00
#462500
#381c00
#2e1500
#261000

CSS

background: linear-gradient(135deg in oklch, oklch(18.12% 0.0430 58.75) 0.0%, oklch(23.01% 0.0532 61.43) 3.2%, oklch(30.38% 0.0655 64.64) 6.5%, oklch(38.88% 0.0793 68.01) 9.7%, oklch(47.15% 0.0928 71.30) 12.9%, oklch(53.84% 0.1037 73.97) 16.1%, oklch(57.59% 0.1098 75.50) 19.4%, oklch(56.96% 0.1095 75.34) 22.6%, oklch(52.17% 0.1039 73.63) 25.8%, oklch(45.09% 0.0949 71.04) 29.0%, oklch(37.67% 0.0826 68.17) 32.3%, oklch(31.82% 0.0709 65.85) 35.5%, oklch(29.46% 0.0662 64.75) 38.7%, oklch(32.50% 0.0625 65.80) 41.9%, oklch(41.04% 0.0597 68.44) 45.2%, oklch(52.85% 0.0579 72.18) 48.4%, oklch(65.66% 0.0571 76.26) 51.6%, oklch(77.14% 0.0575 79.92) 54.8%, oklch(84.99% 0.0591 82.41) 58.1%, oklch(87.10% 0.0621 83.02) 61.3%, oklch(84.10% 0.0685 81.99) 64.5%, oklch(77.60% 0.0771 79.86) 67.7%, oklch(69.02% 0.0863 77.04) 71.0%, oklch(59.79% 0.0943 73.98) 74.2%, oklch(51.32% 0.0996 71.12) 77.4%, oklch(44.99% 0.0982 68.82) 80.6%, oklch(39.70% 0.0879 66.78) 83.9%, oklch(34.69% 0.0780 64.72) 87.1%, oklch(30.08% 0.0688 62.73) 90.3%, oklch(26.01% 0.0605 60.88) 93.5%, oklch(22.64% 0.0535 59.26) 96.8%, oklch(20.09% 0.0481 57.96) 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