Xám, nâu và vàng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #525b5d, #66523d, #976322, #c2841d, #dbae2b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#525b5d
#505b5a
#505a56
#505850
#53564b
#575446
#5b5343
#605241
#66523d
#6c5239
#725334
#77552e
#7d5729
#845926
#8a5b24
#915f23
#976322
#9e6721
#a46b20
#ab701f
#b1741e
#b7791d
#bc7f1d
#c2841d
#c78a1e
#cb8f1e
#cf941f
#d39a21
#d6a024
#d8a627
#daab29
#dbae2b

CSS

background: linear-gradient(90deg in oklch, oklch(46.46% 0.0124 205.31) 0.0%, oklch(46.18% 0.0136 190.92) 3.2%, oklch(45.73% 0.0148 170.03) 6.5%, oklch(45.23% 0.0163 145.67) 9.7%, oklch(44.77% 0.0186 120.86) 12.9%, oklch(44.48% 0.0219 98.61) 16.1%, oklch(44.45% 0.0265 81.96) 19.4%, oklch(44.74% 0.0329 72.38) 22.6%, oklch(45.23% 0.0413 67.46) 25.8%, oklch(45.90% 0.0510 65.85) 29.0%, oklch(46.73% 0.0611 66.27) 32.3%, oklch(47.69% 0.0709 67.45) 35.5%, oklch(48.76% 0.0797 68.10) 38.7%, oklch(49.94% 0.0868 67.51) 41.9%, oklch(51.30% 0.0931 67.15) 45.2%, oklch(52.80% 0.0987 67.16) 48.4%, oklch(54.40% 0.1039 67.45) 51.6%, oklch(56.05% 0.1086 67.96) 54.8%, oklch(57.70% 0.1131 68.59) 58.1%, oklch(59.30% 0.1175 69.28) 61.3%, oklch(60.96% 0.1215 70.15) 64.5%, oklch(62.66% 0.1252 71.20) 67.7%, oklch(64.36% 0.1285 72.41) 71.0%, oklch(66.05% 0.1316 73.74) 74.2%, oklch(67.67% 0.1344 75.18) 77.4%, oklch(69.20% 0.1369 76.71) 80.6%, oklch(70.75% 0.1391 78.55) 83.9%, oklch(72.31% 0.1410 80.67) 87.1%, oklch(73.82% 0.1427 82.88) 90.3%, oklch(75.18% 0.1441 84.97) 93.5%, oklch(76.32% 0.1452 86.75) 96.8%, oklch(77.17% 0.1461 88.01) 100.0%);

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

Tiệc cưới trong vườn ô liu Gradient vàng

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