Xanh cổ vịt và hồng (hai tông) (sọc màu tuyến tính)

Sọc màu tuyến tính, 24 màu, góc 90°: #294c4a, #618378, #bd7f79, #daa191, #f0c9ba. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#294c4a
#2f5250
#395b59
#446664
#4f716e
#597b76
#618378
#6b8871
#7d8964
#94855a
#a8805d
#b57d6b
#bd7f79
#c48482
#ca8a87
#d0928a
#d59a8d
#daa191
#dfa898
#e3b09f
#e7b8a7
#ebbfaf
#eec5b6
#f0c9ba

CSS

background: linear-gradient(90deg, oklch(38.98% 0.0413 190.55) 0.000% 4.167%, oklch(41.23% 0.0409 190.62) 4.167% 8.333%, oklch(44.48% 0.0399 192.00) 8.333% 12.500%, oklch(48.24% 0.0390 192.80) 12.500% 16.667%, oklch(52.06% 0.0387 191.16) 16.667% 20.833%, oklch(55.47% 0.0396 185.22) 20.833% 25.000%, oklch(58.02% 0.0422 172.96) 25.000% 29.167%, oklch(59.77% 0.0475 151.11) 29.167% 33.333%, oklch(61.02% 0.0547 122.28) 33.333% 37.500%, oklch(62.02% 0.0625 90.94) 37.500% 41.667%, oklch(63.01% 0.0699 61.57) 41.667% 45.833%, oklch(64.21% 0.0754 38.64) 45.833% 50.000%, oklch(65.81% 0.0782 25.96) 50.000% 54.167%, oklch(67.69% 0.0791 21.56) 54.167% 58.333%, oklch(69.71% 0.0786 22.72) 58.333% 62.500%, oklch(71.81% 0.0770 27.07) 62.500% 66.667%, oklch(73.90% 0.0748 32.25) 66.667% 70.833%, oklch(75.90% 0.0723 35.87) 70.833% 75.000%, oklch(77.85% 0.0693 37.08) 75.000% 79.167%, oklch(79.91% 0.0651 38.32) 79.167% 83.333%, oklch(81.96% 0.0602 39.60) 83.333% 87.500%, oklch(83.86% 0.0554 40.82) 87.500% 91.667%, oklch(85.46% 0.0511 41.86) 91.667% 95.833%, oklch(86.61% 0.0482 42.60) 95.833% 100.000%);

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

Vàng hồ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