#1D8C3C - #CFDF85 | colorate

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

Blend #1D8C3C to #CFDF85

计算两种颜色#1D8C3C和#CFDF85之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1D8C3C - #CFDF85 | colorate

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

0.0%	0.0% #1D8C3C	RGB 29 140 60	#1D8C3C
16.7%	16.7% #3A9948	RGB 58 153 72	#3A9948
33.3%	33.3% #58A754	RGB 88 167 84	#58A754
50.0%	50.0% #76B560	RGB 118 181 96	#76B560
66.7%	66.7% #93C36C	RGB 147 195 108	#93C36C
83.3%	83.3% #B1D178	RGB 177 209 120	#B1D178
100.0%	100.0% #CFDF85	RGB 207 223 133	#CFDF85

#1D8C3C #3A9948 #58A754 #76B560 #93C36C #B1D178 #CFDF85

#1D8C3C - #CFDF85

HSV混合

#1D8C3C - #CFDF85 | colorate

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

0.0%	0.0% #1D8C3C	RGB 29 140 60	#1D8C3C
16.7%	16.7% #299934	RGB 41 153 52	#299934
33.3%	33.3% #42A738	RGB 66 167 56	#42A738
50.0%	50.0% #66B548	RGB 102 181 72	#66B548
66.7%	66.7% #8AC35B	RGB 138 195 91	#8AC35B
83.3%	83.3% #ADD16F	RGB 173 209 111	#ADD16F
100.0%	100.0% #CFDF85	RGB 207 223 133	#CFDF85

#1D8C3C #299934 #42A738 #66B548 #8AC35B #ADD16F #CFDF85

#1D8C3C - #66B548 - #CFDF85

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8C3C 0%, #66B548 50%, #CFDF85 100%);
    background: -webkit-linear-gradient(top, #1D8C3C 0%, #66B548 50%, #CFDF85 100%);
    background: linear-gradient(to bottom, #1D8C3C 0%, #66B548 50%, #CFDF85 100%);
}
</style>