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

Gradient tuyến tính, 32 màu, góc 315°: #c46417, #edbc81, #958e53, #cbddc4, #481432. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c46417
#c86b21
#ce752d
#d48039
#db8c47
#e19854
#e6a361
#e9af6f
#edbc81
#f1ca95
#f4d5a7
#f4ddb3
#efdeb8
#e4d6af
#cec297
#b2a876
#958e53
#7b7935
#6a6c23
#666d27
#718045
#899d6f
#a9bf9c
#cbddc4
#e3f0de
#e8f0df
#d8dac4
#bfb398
#a3826a
#83524a
#612b3a
#481432

CSS

background: linear-gradient(315deg in oklch, oklch(60.63% 0.1461 52.73) 0.0%, oklch(62.40% 0.1429 53.96) 3.2%, oklch(64.88% 0.1388 55.55) 6.5%, oklch(67.80% 0.1339 57.48) 9.7%, oklch(70.92% 0.1281 59.70) 12.9%, oklch(73.96% 0.1216 62.17) 16.1%, oklch(76.68% 0.1145 64.86) 19.4%, oklch(79.36% 0.1058 67.79) 22.6%, oklch(82.65% 0.0943 71.07) 25.8%, oklch(86.01% 0.0817 74.61) 29.0%, oklch(88.82% 0.0696 78.35) 32.3%, oklch(90.49% 0.0596 82.19) 35.5%, oklch(90.41% 0.0534 86.07) 38.7%, oklch(87.68% 0.0529 89.97) 41.9%, oklch(81.32% 0.0589 94.14) 45.2%, oklch(72.82% 0.0688 98.45) 48.4%, oklch(63.89% 0.0800 102.77) 51.6%, oklch(56.22% 0.0896 106.95) 54.8%, oklch(51.50% 0.0950 110.84) 58.1%, oklch(51.50% 0.0934 114.61) 61.3%, oklch(57.30% 0.0839 120.49) 64.5%, oklch(66.88% 0.0694 127.41) 67.7%, oklch(77.81% 0.0529 133.48) 71.0%, oklch(87.66% 0.0377 136.81) 74.2%, oklch(93.99% 0.0268 135.51) 77.4%, oklch(94.38% 0.0235 127.63) 80.6%, oklch(88.02% 0.0284 110.31) 83.9%, oklch(76.87% 0.0390 85.58) 87.1%, oklch(63.14% 0.0528 57.24) 90.3%, oklch(49.07% 0.0673 29.06) 93.5%, oklch(36.86% 0.0799 4.81) 96.8%, oklch(28.74% 0.0882 348.27) 100.0%);

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