#CEC9C7 - #89836F | colorate

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

Blend #CEC9C7 to #89836F

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

RGB混合

#CEC9C7 - #89836F | colorate

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

0.0%	0.0% #CEC9C7	RGB 206 201 199	#CEC9C7
16.7%	16.7% #C2BDB8	RGB 194 189 184	#C2BDB8
33.3%	33.3% #B7B1A9	RGB 183 177 169	#B7B1A9
50.0%	50.0% #ABA69B	RGB 171 166 155	#ABA69B
66.7%	66.7% #A09A8C	RGB 160 154 140	#A09A8C
83.3%	83.3% #948E7D	RGB 148 142 125	#948E7D
100.0%	100.0% #89836F	RGB 137 131 111	#89836F

#CEC9C7 #C2BDB8 #B7B1A9 #ABA69B #A09A8C #948E7D #89836F

#CEC9C7 - #89836F

HSV混合

#CEC9C7 - #89836F | colorate

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

0.0%	0.0% #CEC9C7	RGB 206 201 199	#CEC9C7
16.7%	16.7% #C2BBB6	RGB 194 187 182	#C2BBB6
33.3%	33.3% #B7AEA7	RGB 183 174 167	#B7AEA7
50.0%	50.0% #ABA298	RGB 171 162 152	#ABA298
66.7%	66.7% #A09789	RGB 160 151 137	#A09789
83.3%	83.3% #948C7C	RGB 148 140 124	#948C7C
100.0%	100.0% #89836F	RGB 137 131 111	#89836F

#CEC9C7 #C2BBB6 #B7AEA7 #ABA298 #A09789 #948C7C #89836F

#CEC9C7 - #ABA298 - #89836F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC9C7 0%, #ABA298 50%, #89836F 100%);
    background: -webkit-linear-gradient(top, #CEC9C7 0%, #ABA298 50%, #89836F 100%);
    background: linear-gradient(to bottom, #CEC9C7 0%, #ABA298 50%, #89836F 100%);
}
</style>