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

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

Gradient tuyến tính, 32 màu, góc 90°: #f3dfa4, #dce4b6, #b1dcb5, #7cc69d, #429a74. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3dfa4
#f2dfa5
#efe0a7
#ece1aa
#e9e2ad
#e6e3b0
#e3e4b2
#dfe4b4
#dce4b6
#d8e4b6
#d3e3b7
#cee3b7
#c9e2b8
#c3e1b8
#bee0b7
#b8deb6
#b1dcb5
#abdab2
#a3d7b0
#9cd5ad
#94d2a9
#8ccea5
#84cba1
#7cc69d
#74c299
#6bbc94
#63b68e
#5baf88
#53a882
#4ca37c
#479e77
#429a74

CSS

background: linear-gradient(90deg in oklch, oklch(90.55% 0.0785 90.70) 0.0%, oklch(90.55% 0.0770 92.60) 3.2%, oklch(90.57% 0.0749 95.09) 6.5%, oklch(90.61% 0.0723 98.05) 9.7%, oklch(90.63% 0.0695 101.37) 12.9%, oklch(90.60% 0.0668 104.93) 16.1%, oklch(90.52% 0.0645 108.61) 19.4%, oklch(90.35% 0.0628 112.30) 22.6%, oklch(90.08% 0.0619 115.91) 25.8%, oklch(89.74% 0.0616 119.78) 29.0%, oklch(89.34% 0.0617 123.95) 32.3%, oklch(88.88% 0.0622 128.27) 35.5%, oklch(88.35% 0.0631 132.61) 38.7%, oklch(87.74% 0.0643 136.80) 41.9%, oklch(87.05% 0.0659 140.69) 45.2%, oklch(86.26% 0.0678 144.14) 48.4%, oklch(85.37% 0.0701 147.04) 51.6%, oklch(84.39% 0.0732 149.54) 54.8%, oklch(83.32% 0.0770 151.71) 58.1%, oklch(82.17% 0.0811 153.60) 61.3%, oklch(80.94% 0.0853 155.24) 64.5%, oklch(79.62% 0.0893 156.68) 67.7%, oklch(78.23% 0.0930 157.96) 71.0%, oklch(76.76% 0.0959 159.12) 74.2%, oklch(75.13% 0.0980 160.13) 77.4%, oklch(73.22% 0.0995 160.89) 80.6%, oklch(71.12% 0.1007 161.43) 83.9%, oklch(68.97% 0.1015 161.80) 87.1%, oklch(66.88% 0.1021 162.05) 90.3%, oklch(64.97% 0.1026 162.23) 93.5%, oklch(63.37% 0.1029 162.38) 96.8%, oklch(62.20% 0.1033 162.56) 100.0%);

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

Xanh lá và vàng kim

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