#C9C7CE - #826F89 | colorate

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

Blend #C9C7CE to #826F89

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

RGB混合

#C9C7CE - #826F89 | colorate

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

0.0%	0.0% #C9C7CE	RGB 201 199 206	#C9C7CE
16.7%	16.7% #BDB8C2	RGB 189 184 194	#BDB8C2
33.3%	33.3% #B1A9B7	RGB 177 169 183	#B1A9B7
50.0%	50.0% #A59BAB	RGB 165 155 171	#A59BAB
66.7%	66.7% #998CA0	RGB 153 140 160	#998CA0
83.3%	83.3% #8D7D94	RGB 141 125 148	#8D7D94
100.0%	100.0% #826F89	RGB 130 111 137	#826F89

#C9C7CE #BDB8C2 #B1A9B7 #A59BAB #998CA0 #8D7D94 #826F89

#C9C7CE - #826F89

HSV混合

#C9C7CE - #826F89 | colorate

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

0.0%	0.0% #C9C7CE	RGB 201 199 206	#C9C7CE
16.7%	16.7% #BBB6C2	RGB 187 182 194	#BBB6C2
33.3%	33.3% #AEA7B7	RGB 174 167 183	#AEA7B7
50.0%	50.0% #A298AB	RGB 162 152 171	#A298AB
66.7%	66.7% #9689A0	RGB 150 137 160	#9689A0
83.3%	83.3% #8C7C94	RGB 140 124 148	#8C7C94
100.0%	100.0% #826F89	RGB 130 111 137	#826F89

#C9C7CE #BBB6C2 #AEA7B7 #A298AB #9689A0 #8C7C94 #826F89

#C9C7CE - #A298AB - #826F89

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C7CE 0%, #A298AB 50%, #826F89 100%);
    background: -webkit-linear-gradient(top, #C9C7CE 0%, #A298AB 50%, #826F89 100%);
    background: linear-gradient(to bottom, #C9C7CE 0%, #A298AB 50%, #826F89 100%);
}
</style>