#3E6D3E - #144B06 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #3E6D3E to #144B06

计算两种颜色#3E6D3E和#144B06之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3E6D3E - #144B06 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#3E6D3E的两种颜色之间的颜色扩展为0％，将#144B06扩展为100％。

0.0%	0.0% #3E6D3E	RGB 62 109 62	#3E6D3E
16.7%	16.7% #376734	RGB 55 103 52	#376734
33.3%	33.3% #30612B	RGB 48 97 43	#30612B
50.0%	50.0% #295C22	RGB 41 92 34	#295C22
66.7%	66.7% #225618	RGB 34 86 24	#225618
83.3%	83.3% #1B500F	RGB 27 80 15	#1B500F
100.0%	100.0% #144B06	RGB 20 75 6	#144B06

#3E6D3E #376734 #30612B #295C22 #225618 #1B500F #144B06

#3E6D3E - #144B06

HSV混合

#3E6D3E - #144B06 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#3E6D3E的两种颜色之间的颜色扩展为0％，将#144B06扩展为100％。

0.0%	0.0% #3E6D3E	RGB 62 109 62	#3E6D3E
16.7%	16.7% #346732	RGB 52 103 50	#346732
33.3%	33.3% #2B6127	RGB 43 97 39	#2B6127
50.0%	50.0% #245C1D	RGB 36 92 29	#245C1D
66.7%	66.7% #1D5614	RGB 29 86 20	#1D5614
83.3%	83.3% #18500D	RGB 24 80 13	#18500D
100.0%	100.0% #144B06	RGB 20 75 6	#144B06

#3E6D3E #346732 #2B6127 #245C1D #1D5614 #18500D #144B06

#3E6D3E - #245C1D - #144B06

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3E6D3E 0%, #144B06 100%);
    background: -webkit-linear-gradient(top, #3E6D3E 0%, #144B06 100%);
    background: linear-gradient(to bottom, #3E6D3E 0%, #144B06 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6D3E 0%, #245C1D 50%, #144B06 100%);
    background: -webkit-linear-gradient(top, #3E6D3E 0%, #245C1D 50%, #144B06 100%);
    background: linear-gradient(to bottom, #3E6D3E 0%, #245C1D 50%, #144B06 100%);
}
</style>