#C8BCBC - #8C745B | 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 #C8BCBC to #8C745B

#C8BCBC #8C745B

Calculate the color between two colors, #C8BCBC and #8C745B. 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)

#C8BCBC - #8C745B | 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 #C8BCBC as 0% and #8C745B as 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #BEB0AB	RGB 190 176 171	#BEB0AB
33.3%	33.3% #B4A49B	RGB 180 164 155	#B4A49B
50.0%	50.0% #AA988B	RGB 170 152 139	#AA988B
66.7%	66.7% #A08C7B	RGB 160 140 123	#A08C7B
83.3%	83.3% #96806B	RGB 150 128 107	#96806B
100.0%	100.0% #8C745B	RGB 140 116 91	#8C745B

#C8BCBC #BEB0AB #B4A49B #AA988B #A08C7B #96806B #8C745B

#C8BCBC - #8C745B

HSV Blend

#C8BCBC - #8C745B | 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 #C8BCBC as 0% and #8C745B as 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #BEABA9	RGB 190 171 169	#BEABA9
33.3%	33.3% #B49C97	RGB 180 156 151	#B49C97
50.0%	50.0% #AA9087	RGB 170 144 135	#AA9087
66.7%	66.7% #A08577	RGB 160 133 119	#A08577
83.3%	83.3% #967B68	RGB 150 123 104	#967B68
100.0%	100.0% #8C745B	RGB 140 116 91	#8C745B

#C8BCBC #BEABA9 #B49C97 #AA9087 #A08577 #967B68 #8C745B

#C8BCBC - #AA9087 - #8C745B

CSS codes

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

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