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

Gradient tuyến tính, 32 màu, góc 45°: #403554, #a1ae98, #523554, #a9c1bb, #a27b44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#403554
#434160
#49536f
#52687f
#5f7f8d
#719496
#85a49c
#97ae9d
#a1ae98
#a2a58a
#9c9276
#917a61
#83614f
#744b45
#643a42
#583247
#523554
#524365
#565778
#60708b
#718a9b
#86a2aa
#9bb5b5
#a9c1bb
#adc4b9
#acc2ae
#a9ba9d
#a6ae88
#a3a071
#a2915d
#a1844d
#a27b44

CSS

background: linear-gradient(45deg in oklch, oklch(35.43% 0.0537 300.23) 0.0%, oklch(39.03% 0.0518 287.29) 3.2%, oklch(44.42% 0.0489 270.02) 6.5%, oklch(50.87% 0.0455 249.45) 9.7%, oklch(57.66% 0.0418 226.62) 12.9%, oklch(64.04% 0.0385 202.57) 16.1%, oklch(69.31% 0.0359 178.32) 19.4%, oklch(72.72% 0.0345 154.92) 22.6%, oklch(73.53% 0.0347 133.32) 25.8%, oklch(71.10% 0.0371 112.33) 29.0%, oklch(66.09% 0.0413 91.29) 32.3%, oklch(59.52% 0.0465 70.22) 35.5%, oklch(52.35% 0.0520 49.15) 38.7%, oklch(45.60% 0.0571 28.11) 41.9%, oklch(40.24% 0.0611 7.13) 45.2%, oklch(37.28% 0.0633 346.22) 48.4%, oklch(37.64% 0.0627 325.31) 51.6%, oklch(41.18% 0.0591 303.85) 54.8%, oklch(47.02% 0.0533 282.05) 58.1%, oklch(54.25% 0.0463 260.28) 61.3%, oklch(61.97% 0.0392 238.89) 64.5%, oklch(69.28% 0.0329 218.22) 67.7%, oklch(75.27% 0.0287 198.65) 71.0%, oklch(79.04% 0.0273 180.51) 74.2%, oklch(80.07% 0.0298 163.70) 77.4%, oklch(79.11% 0.0357 147.40) 80.6%, oklch(76.72% 0.0440 131.83) 83.9%, oklch(73.39% 0.0537 117.28) 87.1%, oklch(69.64% 0.0638 104.02) 90.3%, oklch(65.99% 0.0734 92.33) 93.5%, oklch(62.95% 0.0814 82.50) 96.8%, oklch(61.02% 0.0868 74.79) 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