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

Bảng màu Xám, xanh cổ vịt, xanh lá và xanh lá đậm

Gradient tuyến tính, 32 màu, góc 315°: #d8e7d9, #355a53, #92a979, #5f9677, #132d2c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d8e7d9
#c8dacb
#b2c6b8
#97afa2
#7c968b
#638077
#4d6d65
#3d6059
#355a53
#355d53
#3c6557
#4a725d
#5b8164
#6f8f6c
#819c72
#8da577
#92a979
#93ab7a
#8fac7a
#88aa7b
#7fa87b
#75a37b
#6a9d79
#5f9677
#548c72
#487f6a
#3c6f60
#315f54
#264f48
#1e403d
#183533
#132d2c

CSS

background: linear-gradient(315deg in oklch, oklch(91.34% 0.0262 146.95) 0.0%, oklch(87.02% 0.0275 150.28) 3.2%, oklch(80.69% 0.0293 155.39) 6.5%, oklch(73.12% 0.0314 161.52) 9.7%, oklch(65.09% 0.0337 167.88) 12.9%, oklch(57.37% 0.0363 173.72) 16.1%, oklch(50.74% 0.0390 178.26) 19.4%, oklch(45.98% 0.0419 180.73) 22.6%, oklch(43.84% 0.0449 180.35) 25.8%, oklch(44.51% 0.0483 176.37) 29.0%, oklch(47.31% 0.0521 169.53) 32.3%, oklch(51.56% 0.0562 160.90) 35.5%, oklch(56.57% 0.0604 151.56) 38.7%, oklch(61.65% 0.0643 142.61) 41.9%, oklch(66.10% 0.0677 135.12) 45.2%, oklch(69.23% 0.0706 130.17) 48.4%, oklch(70.56% 0.0726 128.63) 51.6%, oklch(71.03% 0.0744 129.70) 54.8%, oklch(70.86% 0.0760 132.70) 58.1%, oklch(70.12% 0.0771 137.11) 61.3%, oklch(68.86% 0.0777 142.42) 64.5%, oklch(67.14% 0.0777 148.12) 67.7%, oklch(64.99% 0.0768 153.67) 71.0%, oklch(62.49% 0.0750 158.57) 74.2%, oklch(59.38% 0.0719 162.86) 77.4%, oklch(55.16% 0.0670 167.53) 80.6%, oklch(50.18% 0.0609 172.43) 83.9%, oklch(44.84% 0.0541 177.33) 87.1%, oklch(39.52% 0.0472 182.00) 90.3%, oklch(34.61% 0.0408 186.21) 93.5%, oklch(30.49% 0.0354 189.75) 96.8%, oklch(27.56% 0.0317 192.39) 100.0%);

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

Ánh trăng thỏ ngọc

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