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

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

Gradient tuyến tính, 32 màu, góc 90°: #00343e, #005550, #3f7346, #828c38, #c9a73b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00343e
#003640
#003a42
#003e45
#004248
#00474b
#004c4d
#00504f
#005550
#005951
#005d51
#01624f
#13654e
#20694c
#2b6c4a
#357048
#3f7346
#487744
#527b42
#5b7e40
#65823e
#6e853b
#788939
#828c38
#8b9037
#959436
#9f9836
#a99c36
#b39f37
#bca338
#c3a53a
#c9a73b

CSS

background: linear-gradient(90deg in oklch, oklch(29.93% 0.0529 215.23) 0.0%, oklch(30.75% 0.0539 213.30) 3.2%, oklch(31.85% 0.0553 210.83) 6.5%, oklch(33.17% 0.0570 207.90) 9.7%, oklch(34.62% 0.0591 204.58) 12.9%, oklch(36.15% 0.0615 200.93) 16.1%, oklch(37.68% 0.0641 197.03) 19.4%, oklch(39.14% 0.0671 192.94) 22.6%, oklch(40.49% 0.0702 188.71) 25.8%, oklch(41.75% 0.0739 184.09) 29.0%, oklch(42.99% 0.0785 179.04) 32.3%, oklch(44.21% 0.0841 173.73) 35.5%, oklch(45.44% 0.0850 168.24) 38.7%, oklch(46.69% 0.0860 162.72) 41.9%, oklch(47.98% 0.0872 157.30) 45.2%, oklch(49.31% 0.0887 152.11) 48.4%, oklch(50.71% 0.0906 147.22) 51.6%, oklch(52.16% 0.0929 142.38) 54.8%, oklch(53.65% 0.0955 137.59) 58.1%, oklch(55.18% 0.0982 132.88) 61.3%, oklch(56.73% 0.1011 128.30) 64.5%, oklch(58.29% 0.1040 123.88) 67.7%, oklch(59.86% 0.1069 119.67) 71.0%, oklch(61.42% 0.1096 115.71) 74.2%, oklch(63.03% 0.1122 111.96) 77.4%, oklch(64.78% 0.1151 108.27) 80.6%, oklch(66.61% 0.1180 104.71) 83.9%, oklch(68.43% 0.1208 101.36) 87.1%, oklch(70.16% 0.1235 98.29) 90.3%, oklch(71.72% 0.1260 95.58) 93.5%, oklch(73.04% 0.1280 93.29) 96.8%, oklch(74.02% 0.1295 91.52) 100.0%);

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

Bảng màu thu đậm

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