#CACBCC - #6B8B7E | colorate

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

Blend #CACBCC to #6B8B7E

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

RGB混合

#CACBCC - #6B8B7E | colorate

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

0.0%	0.0% #CACBCC	RGB 202 203 204	#CACBCC
16.7%	16.7% #BAC0BF	RGB 186 192 191	#BAC0BF
33.3%	33.3% #AAB5B2	RGB 170 181 178	#AAB5B2
50.0%	50.0% #9AABA5	RGB 154 171 165	#9AABA5
66.7%	66.7% #8AA098	RGB 138 160 152	#8AA098
83.3%	83.3% #7A958B	RGB 122 149 139	#7A958B
100.0%	100.0% #6B8B7E	RGB 107 139 126	#6B8B7E

#CACBCC #BAC0BF #AAB5B2 #9AABA5 #8AA098 #7A958B #6B8B7E

#CACBCC - #6B8B7E

HSV混合

#CACBCC - #6B8B7E | colorate

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

0.0%	0.0% #CACBCC	RGB 202 203 204	#CACBCC
16.7%	16.7% #B8BEC1	RGB 184 190 193	#B8BEC1
33.3%	33.3% #A7B3B6	RGB 167 179 182	#A7B3B6
50.0%	50.0% #96AAAB	RGB 150 170 171	#96AAAB
66.7%	66.7% #87A09E	RGB 135 160 158	#87A09E
83.3%	83.3% #78958E	RGB 120 149 142	#78958E
100.0%	100.0% #6B8B7E	RGB 107 139 126	#6B8B7E

#CACBCC #B8BEC1 #A7B3B6 #96AAAB #87A09E #78958E #6B8B7E

#CACBCC - #96AAAB - #6B8B7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACBCC 0%, #96AAAB 50%, #6B8B7E 100%);
    background: -webkit-linear-gradient(top, #CACBCC 0%, #96AAAB 50%, #6B8B7E 100%);
    background: linear-gradient(to bottom, #CACBCC 0%, #96AAAB 50%, #6B8B7E 100%);
}
</style>