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

Gradient tuyến tính, 32 màu, góc 45°: #7d8a95, #695038, #4d586d, #c76750, #aaaa82. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7d8a95
#7c8493
#7c7b8d
#7e7082
#7f6571
#7c5c5c
#75574a
#6d533d
#695038
#684c39
#674841
#64474d
#5d4958
#554d5f
#4f5163
#4c5566
#4d586d
#535b78
#605e84
#765e8d
#915c8b
#ab5c7c
#bd5f66
#c76750
#c97141
#c77d3c
#c18941
#ba934e
#b49c5e
#afa26d
#aca77a
#aaaa82

CSS

background: linear-gradient(45deg in oklch, oklch(62.60% 0.0220 246.09) 0.0%, oklch(61.09% 0.0246 262.86) 3.2%, oklch(58.93% 0.0283 287.90) 6.5%, oklch(56.36% 0.0327 317.87) 9.7%, oklch(53.59% 0.0374 349.41) 12.9%, oklch(50.85% 0.0420 19.19) 16.1%, oklch(48.36% 0.0458 43.86) 19.4%, oklch(46.34% 0.0486 60.08) 22.6%, oklch(45.01% 0.0497 64.46) 25.8%, oklch(44.10% 0.0482 54.67) 29.0%, oklch(43.49% 0.0447 33.74) 32.3%, oklch(43.17% 0.0401 5.78) 35.5%, oklch(43.13% 0.0354 334.88) 38.7%, oklch(43.38% 0.0317 305.17) 41.9%, oklch(43.92% 0.0299 280.75) 45.2%, oklch(44.75% 0.0311 265.71) 48.4%, oklch(45.92% 0.0364 263.47) 51.6%, oklch(47.65% 0.0470 271.48) 54.8%, oklch(49.83% 0.0614 286.97) 58.1%, oklch(52.32% 0.0778 307.59) 61.3%, oklch(54.95% 0.0945 331.01) 64.5%, oklch(57.57% 0.1095 354.90) 67.7%, oklch(60.02% 0.1211 16.93) 71.0%, oklch(62.14% 0.1276 34.74) 74.2%, oklch(63.91% 0.1274 47.90) 77.4%, oklch(65.59% 0.1216 59.83) 80.6%, oklch(67.17% 0.1117 70.69) 83.9%, oklch(68.63% 0.0992 80.45) 87.1%, oklch(69.94% 0.0858 89.09) 90.3%, oklch(71.10% 0.0729 96.59) 93.5%, oklch(72.07% 0.0622 102.90) 96.8%, oklch(72.83% 0.0551 108.01) 100.0%);

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

Gradient ánh 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