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

Gradient tuyến tính, 32 màu, góc 225°: #4d3605, #8c6a0e, #c8ab1f, #eadb63, #fef5bd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d3605
#523906
#583e06
#5f4407
#674b08
#705209
#7a5a0a
#83620c
#8c6a0e
#957210
#9d7a13
#a58216
#ac8a17
#b39219
#ba9a1a
#c1a31c
#c8ab1f
#ceb325
#d3bb2b
#d8c334
#ddca3e
#e2d048
#e6d655
#eadb63
#ede071
#f1e47f
#f4e88c
#f6eb99
#f9eea4
#fbf1ae
#fcf3b7
#fef5bd

CSS

background: linear-gradient(225deg in oklch, oklch(35.04% 0.0689 79.45) 0.0%, oklch(36.51% 0.0718 79.92) 3.2%, oklch(38.41% 0.0756 80.48) 6.5%, oklch(40.66% 0.0801 81.13) 9.7%, oklch(43.18% 0.0852 81.87) 12.9%, oklch(45.89% 0.0906 82.68) 16.1%, oklch(48.73% 0.0962 83.56) 19.4%, oklch(51.62% 0.1019 84.49) 22.6%, oklch(54.48% 0.1073 85.47) 25.8%, oklch(57.24% 0.1125 86.50) 29.0%, oklch(59.82% 0.1171 87.55) 32.3%, oklch(62.23% 0.1214 88.67) 35.5%, oklch(64.68% 0.1262 89.98) 38.7%, oklch(67.15% 0.1313 91.44) 41.9%, oklch(69.62% 0.1365 92.99) 45.2%, oklch(72.07% 0.1415 94.58) 48.4%, oklch(74.47% 0.1460 96.15) 51.6%, oklch(76.79% 0.1498 97.65) 54.8%, oklch(79.02% 0.1526 99.02) 58.1%, oklch(81.11% 0.1540 100.21) 61.3%, oklch(83.05% 0.1540 101.17) 64.5%, oklch(84.82% 0.1521 101.83) 67.7%, oklch(86.47% 0.1477 102.22) 71.0%, oklch(88.02% 0.1411 102.39) 74.2%, oklch(89.46% 0.1328 102.36) 77.4%, oklch(90.80% 0.1234 102.19) 80.6%, oklch(92.03% 0.1135 101.93) 83.9%, oklch(93.14% 0.1034 101.60) 87.1%, oklch(94.15% 0.0938 101.26) 90.3%, oklch(95.04% 0.0852 100.95) 93.5%, oklch(95.81% 0.0781 100.71) 96.8%, oklch(96.46% 0.0730 100.59) 100.0%);

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

Gradient dữ liệu tuần tự

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