Nâu vàng sang đỏ (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #d2c167, #c0b099, #74310c, #b17548, #bb3817. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d2c167
#d2c06e
#d3c077
#d4c083
#d3c08e
#d1bf98
#cdbd9d
#c8b89e
#c0b099
#b6a28b
#aa9076
#9d7c5f
#906647
#855231
#7b411f
#753512
#74310c
#77340f
#7f3d17
#894922
#94572e
#9f643a
#a96f43
#b17548
#b57546
#b97140
#bb6a38
#bc612f
#bc5626
#bb4a1e
#bb4019
#bb3817

CSS

background: linear-gradient(45deg in oklch, oklch(80.71% 0.1130 99.14) 0.0%, oklch(80.67% 0.1059 97.43) 3.2%, oklch(80.87% 0.0953 95.22) 6.5%, oklch(81.13% 0.0826 92.60) 9.7%, oklch(81.25% 0.0693 89.64) 12.9%, oklch(81.04% 0.0567 86.43) 16.1%, oklch(80.30% 0.0462 83.04) 19.4%, oklch(78.84% 0.0393 79.57) 22.6%, oklch(76.45% 0.0372 76.05) 25.8%, oklch(72.45% 0.0406 71.90) 29.0%, oklch(67.11% 0.0482 67.14) 32.3%, oklch(61.02% 0.0586 62.11) 35.5%, oklch(54.76% 0.0704 57.15) 38.7%, oklch(48.93% 0.0823 52.60) 41.9%, oklch(44.13% 0.0929 48.80) 45.2%, oklch(40.95% 0.1008 46.09) 48.4%, oklch(39.96% 0.1049 44.84) 51.6%, oklch(41.11% 0.1056 45.28) 54.8%, oklch(43.87% 0.1041 46.98) 58.1%, oklch(47.65% 0.1013 49.44) 61.3%, oklch(51.88% 0.0982 52.17) 64.5%, oklch(55.99% 0.0957 54.67) 67.7%, oklch(59.40% 0.0950 56.44) 71.0%, oklch(61.54% 0.0968 56.98) 74.2%, oklch(62.13% 0.1022 55.96) 77.4%, oklch(61.74% 0.1107 53.71) 80.6%, oklch(60.62% 0.1214 50.59) 83.9%, oklch(59.05% 0.1332 46.97) 87.1%, oklch(57.26% 0.1452 43.21) 90.3%, oklch(55.52% 0.1564 39.66) 93.5%, oklch(54.06% 0.1657 36.70) 96.8%, oklch(53.15% 0.1722 34.68) 100.0%);

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

Gradient cam

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