#CCCCCA - #8B726B | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #CCCCCA to #8B726B

#CCCCCA #8B726B

Calculate the color between two colors, #CCCCCA and #8B726B. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#CCCCCA - #8B726B | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #CCCCCA as 0% and #8B726B as 100%.

0.0%	0.0% #CCCCCA	RGB 204 204 202	#CCCCCA
16.7%	16.7% #C1BDBA	RGB 193 189 186	#C1BDBA
33.3%	33.3% #B6AEAA	RGB 182 174 170	#B6AEAA
50.0%	50.0% #AB9F9A	RGB 171 159 154	#AB9F9A
66.7%	66.7% #A0908A	RGB 160 144 138	#A0908A
83.3%	83.3% #95817A	RGB 149 129 122	#95817A
100.0%	100.0% #8B726B	RGB 139 114 107	#8B726B

#CCCCCA #C1BDBA #B6AEAA #AB9F9A #A0908A #95817A #8B726B

#CCCCCA - #8B726B

HSV Blend

#CCCCCA - #8B726B | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #CCCCCA as 0% and #8B726B as 100%.

0.0%	0.0% #CCCCCA	RGB 204 204 202	#CCCCCA
16.7%	16.7% #C1BFB8	RGB 193 191 184	#C1BFB8
33.3%	33.3% #B6B2A7	RGB 182 178 167	#B6B2A7
50.0%	50.0% #ABA396	RGB 171 163 150	#ABA396
66.7%	66.7% #A09387	RGB 160 147 135	#A09387
83.3%	83.3% #958278	RGB 149 130 120	#958278
100.0%	100.0% #8B726B	RGB 139 114 107	#8B726B

#CCCCCA #C1BFB8 #B6B2A7 #ABA396 #A09387 #958278 #8B726B

#CCCCCA - #ABA396 - #8B726B

CSS codes

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

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