Nâu vàng, nâu và be (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #c1a44f, #3c2203, #9a875f, #f9eea8, #b08524. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c1a44f
#b89948
#a98a3f
#977733
#836327
#6f4f1b
#5b3d11
#492d08
#3c2203
#321b01
#2f1902
#331d06
#3e2810
#4f391f
#655031
#7f6a47
#9a875f
#b6a477
#cfc08d
#e4d8a1
#f3eaae
#fbf2b3
#fcf3b1
#f9eea8
#f2e49b
#e9d78b
#dec778
#d3b665
#c8a651
#be9840
#b68c30
#b08524

CSS

background: linear-gradient(135deg in oklch, oklch(72.83% 0.1102 90.70) 0.0%, oklch(69.53% 0.1064 88.92) 3.2%, oklch(64.65% 0.1009 86.29) 6.5%, oklch(58.65% 0.0943 83.07) 9.7%, oklch(51.99% 0.0870 79.49) 12.9%, oklch(45.13% 0.0793 75.79) 16.1%, oklch(38.52% 0.0717 72.23) 19.4%, oklch(32.63% 0.0646 69.04) 22.6%, oklch(27.90% 0.0583 66.48) 25.8%, oklch(24.81% 0.0534 64.78) 29.0%, oklch(23.81% 0.0502 64.19) 32.3%, oklch(25.41% 0.0490 64.99) 35.5%, oklch(29.76% 0.0492 67.26) 38.7%, oklch(36.31% 0.0507 70.71) 41.9%, oklch(44.45% 0.0533 75.00) 45.2%, oklch(53.57% 0.0566 79.81) 48.4%, oklch(63.08% 0.0605 84.82) 51.6%, oklch(72.38% 0.0648 89.71) 54.8%, oklch(80.85% 0.0692 94.14) 58.1%, oklch(87.91% 0.0735 97.79) 61.3%, oklch(92.94% 0.0775 100.34) 64.5%, oklch(95.41% 0.0811 101.49) 67.7%, oklch(95.67% 0.0849 101.42) 71.0%, oklch(94.22% 0.0891 100.39) 74.2%, oklch(91.41% 0.0935 98.61) 77.4%, oklch(87.62% 0.0980 96.28) 80.6%, oklch(83.19% 0.1025 93.61) 83.9%, oklch(78.49% 0.1069 90.80) 87.1%, oklch(73.88% 0.1109 88.06) 90.3%, oklch(69.72% 0.1145 85.58) 93.5%, oklch(66.36% 0.1176 83.58) 96.8%, oklch(64.17% 0.1199 82.25) 100.0%);

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

Gradient đen và vàng kim Gradient vàng 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