Xám, xanh lá, xanh cổ vịt và xanh hải quân (tương đồng) (gradient tuyến tính)

Bảng màu Xám, xanh lá, xanh cổ vịt và xanh hải quân (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #aa9e78, #728751, #2d6c50, #06504d, #0a313b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#aa9e78
#a79c74
#a29a6f
#9c976a
#959464
#8e915e
#858e59
#7c8a55
#728751
#68844f
#5f814e
#567e4d
#4d7b4d
#45774e
#3c744f
#347050
#2d6c50
#266951
#1f6551
#196051
#135c50
#0e5850
#09544f
#06504d
#044b4b
#044649
#054247
#063d44
#083941
#09363f
#0a333d
#0a313b

CSS

background: linear-gradient(180deg in oklch, oklch(70.08% 0.0551 92.81) 0.0%, oklch(69.26% 0.0570 95.36) 3.2%, oklch(68.22% 0.0598 98.61) 6.5%, oklch(66.99% 0.0631 102.45) 9.7%, oklch(65.60% 0.0667 106.77) 12.9%, oklch(64.11% 0.0706 111.43) 16.1%, oklch(62.54% 0.0744 116.32) 19.4%, oklch(60.95% 0.0780 121.31) 22.6%, oklch(59.36% 0.0811 126.30) 25.8%, oklch(57.82% 0.0835 131.15) 29.0%, oklch(56.36% 0.0851 135.74) 32.3%, oklch(55.00% 0.0858 140.07) 35.5%, oklch(53.65% 0.0857 144.44) 38.7%, oklch(52.30% 0.0850 148.83) 41.9%, oklch(50.95% 0.0838 153.25) 45.2%, oklch(49.61% 0.0822 157.65) 48.4%, oklch(48.27% 0.0803 162.04) 51.6%, oklch(46.94% 0.0782 166.38) 54.8%, oklch(45.62% 0.0760 170.65) 58.1%, oklch(44.30% 0.0738 174.84) 61.3%, oklch(42.99% 0.0716 178.92) 64.5%, oklch(41.69% 0.0696 182.90) 67.7%, oklch(40.32% 0.0674 186.98) 71.0%, oklch(38.88% 0.0648 191.16) 74.2%, oklch(37.42% 0.0621 195.36) 77.4%, oklch(35.96% 0.0593 199.50) 80.6%, oklch(34.54% 0.0565 203.50) 83.9%, oklch(33.18% 0.0537 207.28) 87.1%, oklch(31.93% 0.0511 210.75) 90.3%, oklch(30.82% 0.0489 213.85) 93.5%, oklch(29.87% 0.0469 216.48) 96.8%, oklch(29.13% 0.0455 218.57) 100.0%);

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

Gradient khu vườn phong sương Gradient nhiều màu dịu Gradient tông trầ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