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

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

Gradient tuyến tính, 32 màu, góc 90°: #e9e29a, #7bbf5b, #1d6146, #208f6d, #addcce. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e9e29a
#e3e091
#d8de85
#cadc79
#bad96f
#abd468
#9bce63
#8bc75e
#7bbf5b
#6ab558
#5aa957
#4a9b55
#3d8c52
#33804f
#2a754c
#226a49
#1d6146
#1a5b44
#195b45
#18614b
#186c53
#18795d
#1b8566
#208f6d
#279a74
#31a57b
#3fb083
#51ba90
#6ac5a2
#85cfb5
#9dd7c4
#addcce

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0923 103.36) 0.0%, oklch(89.14% 0.1007 106.83) 3.2%, oklch(87.72% 0.1131 111.82) 6.5%, oklch(85.99% 0.1263 117.40) 9.7%, oklch(83.99% 0.1373 122.61) 12.9%, oklch(81.79% 0.1440 126.71) 16.1%, oklch(79.36% 0.1486 130.21) 19.4%, oklch(76.66% 0.1511 133.41) 22.6%, oklch(73.68% 0.1511 136.52) 25.8%, oklch(70.37% 0.1482 139.77) 29.0%, oklch(66.43% 0.1408 143.16) 32.3%, oklch(62.03% 0.1300 146.58) 35.5%, oklch(57.64% 0.1181 149.94) 38.7%, oklch(53.72% 0.1073 153.19) 41.9%, oklch(50.36% 0.0984 156.38) 45.2%, oklch(46.99% 0.0892 159.68) 48.4%, oklch(44.15% 0.0811 162.80) 51.6%, oklch(42.40% 0.0757 165.40) 54.8%, oklch(42.31% 0.0747 167.17) 58.1%, oklch(44.22% 0.0792 168.08) 61.3%, oklch(47.51% 0.0874 168.35) 64.5%, oklch(51.38% 0.0965 168.21) 67.7%, oklch(55.05% 0.1039 167.87) 71.0%, oklch(58.24% 0.1099 167.10) 74.2%, oklch(61.48% 0.1164 165.61) 77.4%, oklch(64.77% 0.1212 164.14) 80.6%, oklch(68.13% 0.1221 163.40) 83.9%, oklch(71.62% 0.1163 164.14) 87.1%, oklch(75.63% 0.1018 166.58) 90.3%, oklch(79.72% 0.0829 169.87) 93.5%, oklch(83.31% 0.0647 173.07) 96.8%, oklch(85.83% 0.0524 175.22) 100.0%);

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

Gradient rừng Gradient xanh lá Gradient nhiều màu xanh lá

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