#C4D9A8 - #85B655 | colorate

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

Blend #C4D9A8 to #85B655

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

RGB混合

#C4D9A8 - #85B655 | colorate

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

0.0%	0.0% #C4D9A8	RGB 196 217 168	#C4D9A8
16.7%	16.7% #B9D39A	RGB 185 211 154	#B9D39A
33.3%	33.3% #AFCD8C	RGB 175 205 140	#AFCD8C
50.0%	50.0% #A4C77E	RGB 164 199 126	#A4C77E
66.7%	66.7% #9AC170	RGB 154 193 112	#9AC170
83.3%	83.3% #8FBB62	RGB 143 187 98	#8FBB62
100.0%	100.0% #85B655	RGB 133 182 85	#85B655

#C4D9A8 #B9D39A #AFCD8C #A4C77E #9AC170 #8FBB62 #85B655

#C4D9A8 - #85B655

HSV混合

#C4D9A8 - #85B655 | colorate

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

0.0%	0.0% #C4D9A8	RGB 196 217 168	#C4D9A8
16.7%	16.7% #B9D398	RGB 185 211 152	#B9D398
33.3%	33.3% #AECD89	RGB 174 205 137	#AECD89
50.0%	50.0% #A4C77B	RGB 164 199 123	#A4C77B
66.7%	66.7% #99C16E	RGB 153 193 110	#99C16E
83.3%	83.3% #8FBB61	RGB 143 187 97	#8FBB61
100.0%	100.0% #85B655	RGB 133 182 85	#85B655

#C4D9A8 #B9D398 #AECD89 #A4C77B #99C16E #8FBB61 #85B655

#C4D9A8 - #A4C77B - #85B655

CSS代码

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

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