Xanh dương, xanh cổ vịt và nâu (ba tông) (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt và nâu (ba tông)

Gradient tuyến tính, 32 màu, góc 90°: #325a82, #4e889b, #84a88e, #b1a667, #c9873e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#325a82
#335e84
#366287
#3a688b
#3e6e8f
#427593
#477c97
#4b829a
#4e889b
#528d9b
#58939b
#5f9799
#679c97
#6fa095
#76a393
#7ea691
#84a88e
#8aaa8a
#90ab86
#96ab80
#9dab7a
#a4aa73
#aba96d
#b1a667
#b6a461
#bba05b
#bf9c55
#c2974e
#c49249
#c68e44
#c88a40
#c9873e

CSS

background: linear-gradient(90deg in oklch, oklch(45.67% 0.0799 249.61) 0.0%, oklch(46.76% 0.0789 247.78) 3.2%, oklch(48.25% 0.0776 245.63) 6.5%, oklch(50.02% 0.0761 243.10) 9.7%, oklch(51.97% 0.0744 240.09) 12.9%, oklch(53.99% 0.0725 236.53) 16.1%, oklch(55.98% 0.0707 232.32) 19.4%, oklch(57.83% 0.0688 227.40) 22.6%, oklch(59.44% 0.0671 221.66) 25.8%, oklch(60.97% 0.0649 214.77) 29.0%, oklch(62.48% 0.0623 206.84) 32.3%, oklch(63.95% 0.0595 198.16) 35.5%, oklch(65.35% 0.0570 189.02) 38.7%, oklch(66.65% 0.0549 179.72) 41.9%, oklch(67.83% 0.0536 170.54) 45.2%, oklch(68.85% 0.0533 161.80) 48.4%, oklch(69.69% 0.0545 153.62) 51.6%, oklch(70.40% 0.0570 145.42) 54.8%, oklch(70.98% 0.0605 137.18) 58.1%, oklch(71.44% 0.0648 129.04) 61.3%, oklch(71.77% 0.0696 121.12) 64.5%, oklch(71.99% 0.0747 113.55) 67.7%, oklch(72.09% 0.0797 106.47) 71.0%, oklch(72.07% 0.0843 100.00) 74.2%, oklch(71.89% 0.0888 94.14) 77.4%, oklch(71.46% 0.0937 88.66) 80.6%, oklch(70.86% 0.0989 83.59) 83.9%, oklch(70.15% 0.1040 78.96) 87.1%, oklch(69.40% 0.1089 74.82) 90.3%, oklch(68.70% 0.1134 71.21) 93.5%, oklch(68.11% 0.1171 68.17) 96.8%, oklch(67.72% 0.1199 65.73) 100.0%);

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

Hoài niệm thẻ thư viện

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