#C9BBB5 - #9C7B5B | colorate

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

Blend #C9BBB5 to #9C7B5B

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

RGB混合

#C9BBB5 - #9C7B5B | colorate

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

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C1B0A6	RGB 193 176 166	#C1B0A6
33.3%	33.3% #BAA597	RGB 186 165 151	#BAA597
50.0%	50.0% #B29B88	RGB 178 155 136	#B29B88
66.7%	66.7% #AB9079	RGB 171 144 121	#AB9079
83.3%	83.3% #A3856A	RGB 163 133 106	#A3856A
100.0%	100.0% #9C7B5B	RGB 156 123 91	#9C7B5B

#C9BBB5 #C1B0A6 #BAA597 #B29B88 #AB9079 #A3856A #9C7B5B

#C9BBB5 - #9C7B5B

HSV混合

#C9BBB5 - #9C7B5B | colorate

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

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C1ADA4	RGB 193 173 164	#C1ADA4
33.3%	33.3% #BAA193	RGB 186 161 147	#BAA193
50.0%	50.0% #B29684	RGB 178 150 132	#B29684
66.7%	66.7% #AB8C75	RGB 171 140 117	#AB8C75
83.3%	83.3% #A38368	RGB 163 131 104	#A38368
100.0%	100.0% #9C7B5B	RGB 156 123 91	#9C7B5B

#C9BBB5 #C1ADA4 #BAA193 #B29684 #AB8C75 #A38368 #9C7B5B

#C9BBB5 - #B29684 - #9C7B5B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9BBB5 0%, #B29684 50%, #9C7B5B 100%);
    background: -webkit-linear-gradient(top, #C9BBB5 0%, #B29684 50%, #9C7B5B 100%);
    background: linear-gradient(to bottom, #C9BBB5 0%, #B29684 50%, #9C7B5B 100%);
}
</style>