#C0BCBA - #8F7565 | colorate

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

Blend #C0BCBA to #8F7565

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

RGB混合

#C0BCBA - #8F7565 | colorate

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

0.0%	0.0% #C0BCBA	RGB 192 188 186	#C0BCBA
16.7%	16.7% #B7B0AB	RGB 183 176 171	#B7B0AB
33.3%	33.3% #AFA49D	RGB 175 164 157	#AFA49D
50.0%	50.0% #A7988F	RGB 167 152 143	#A7988F
66.7%	66.7% #9F8C81	RGB 159 140 129	#9F8C81
83.3%	83.3% #978073	RGB 151 128 115	#978073
100.0%	100.0% #8F7565	RGB 143 117 101	#8F7565

#C0BCBA #B7B0AB #AFA49D #A7988F #9F8C81 #978073 #8F7565

#C0BCBA - #8F7565

HSV混合

#C0BCBA - #8F7565 | colorate

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

0.0%	0.0% #C0BCBA	RGB 192 188 186	#C0BCBA
16.7%	16.7% #B7AEAA	RGB 183 174 170	#B7AEAA
33.3%	33.3% #AFA29A	RGB 175 162 154	#AFA29A
50.0%	50.0% #A7968C	RGB 167 150 140	#A7968C
66.7%	66.7% #9F8A7E	RGB 159 138 126	#9F8A7E
83.3%	83.3% #977F71	RGB 151 127 113	#977F71
100.0%	100.0% #8F7565	RGB 143 117 101	#8F7565

#C0BCBA #B7AEAA #AFA29A #A7968C #9F8A7E #977F71 #8F7565

#C0BCBA - #A7968C - #8F7565

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0BCBA 0%, #A7968C 50%, #8F7565 100%);
    background: -webkit-linear-gradient(top, #C0BCBA 0%, #A7968C 50%, #8F7565 100%);
    background: linear-gradient(to bottom, #C0BCBA 0%, #A7968C 50%, #8F7565 100%);
}
</style>