#4E7E5E - #CCDAD1 | colorate

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

Blend #4E7E5E to #CCDAD1

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

RGB混合

#4E7E5E - #CCDAD1 | colorate

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

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #638D71	RGB 99 141 113	#638D71
33.3%	33.3% #789C84	RGB 120 156 132	#789C84
50.0%	50.0% #8DAC97	RGB 141 172 151	#8DAC97
66.7%	66.7% #A2BBAA	RGB 162 187 170	#A2BBAA
83.3%	83.3% #B7CABD	RGB 183 202 189	#B7CABD
100.0%	100.0% #CCDAD1	RGB 204 218 209	#CCDAD1

#4E7E5E #638D71 #789C84 #8DAC97 #A2BBAA #B7CABD #CCDAD1

#4E7E5E - #CCDAD1

HSV混合

#4E7E5E - #CCDAD1 | colorate

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

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #5E8D6E	RGB 94 141 110	#5E8D6E
33.3%	33.3% #719C80	RGB 113 156 128	#719C80
50.0%	50.0% #85AC92	RGB 133 172 146	#85AC92
66.7%	66.7% #9BBBA6	RGB 155 187 166	#9BBBA6
83.3%	83.3% #B2CABB	RGB 178 202 187	#B2CABB
100.0%	100.0% #CCDAD1	RGB 204 218 209	#CCDAD1

#4E7E5E #5E8D6E #719C80 #85AC92 #9BBBA6 #B2CABB #CCDAD1

#4E7E5E - #85AC92 - #CCDAD1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E7E5E 0%, #85AC92 50%, #CCDAD1 100%);
    background: -webkit-linear-gradient(top, #4E7E5E 0%, #85AC92 50%, #CCDAD1 100%);
    background: linear-gradient(to bottom, #4E7E5E 0%, #85AC92 50%, #CCDAD1 100%);
}
</style>