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

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

Gradient tuyến tính, 32 màu, góc 180°: #d7d2d6, #b9d3bc, #77a778, #43714d, #344b53. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d7d2d6
#d9d2d4
#dbd3d1
#dad5ce
#d6d7cc
#d0d7cb
#c8d7c9
#c1d6c4
#b9d3bc
#b3d0b2
#adcca8
#a5c7a0
#9cc298
#92bc90
#89b588
#80ae80
#77a778
#6e9f70
#659768
#5c8f60
#54875a
#4d8055
#477851
#43714d
#3f6a4a
#3b6349
#365e4a
#315a4d
#2f5550
#2f5153
#324e53
#344b53

CSS

background: linear-gradient(180deg in oklch, oklch(87.01% 0.0069 338.91) 0.0%, oklch(87.10% 0.0081 1.94) 3.2%, oklch(87.30% 0.0094 35.83) 6.5%, oklch(87.45% 0.0113 73.76) 9.7%, oklch(87.43% 0.0142 108.94) 12.9%, oklch(87.10% 0.0184 134.56) 16.1%, oklch(86.41% 0.0247 146.86) 19.4%, oklch(85.45% 0.0330 150.36) 22.6%, oklch(84.25% 0.0424 148.44) 25.8%, oklch(82.85% 0.0517 144.44) 29.0%, oklch(81.27% 0.0598 141.70) 32.3%, oklch(79.50% 0.0660 142.11) 35.5%, oklch(77.47% 0.0713 142.75) 38.7%, oklch(75.25% 0.0759 143.35) 41.9%, oklch(72.90% 0.0797 143.93) 45.2%, oklch(70.50% 0.0828 144.51) 48.4%, oklch(68.06% 0.0852 145.09) 51.6%, oklch(65.48% 0.0872 145.48) 54.8%, oklch(62.80% 0.0885 145.84) 58.1%, oklch(60.12% 0.0889 146.34) 61.3%, oklch(57.53% 0.0881 147.16) 64.5%, oklch(55.12% 0.0858 148.40) 67.7%, oklch(52.75% 0.0815 149.18) 71.0%, oklch(50.44% 0.0757 149.94) 74.2%, oklch(48.26% 0.0692 151.55) 77.4%, oklch(46.30% 0.0627 154.89) 80.6%, oklch(44.63% 0.0570 160.85) 83.9%, oklch(43.23% 0.0513 171.11) 87.1%, oklch(42.06% 0.0454 184.51) 90.3%, oklch(41.10% 0.0398 198.68) 93.5%, oklch(40.34% 0.0351 211.24) 96.8%, oklch(39.76% 0.0317 219.85) 100.0%);

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

Mộc lan sáng mưa

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