#BCBABA - #996967 | 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 #BCBABA to #996967

#BCBABA #996967

Calculate the color between two colors, #BCBABA and #996967. 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)

#BCBABA - #996967 | 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 #BCBABA as 0% and #996967 as 100%.

0.0%	0.0% #BCBABA	RGB 188 186 186	#BCBABA
16.7%	16.7% #B6ACAC	RGB 182 172 172	#B6ACAC
33.3%	33.3% #B09F9E	RGB 176 159 158	#B09F9E
50.0%	50.0% #AA9190	RGB 170 145 144	#AA9190
66.7%	66.7% #A48482	RGB 164 132 130	#A48482
83.3%	83.3% #9E7674	RGB 158 118 116	#9E7674
100.0%	100.0% #996967	RGB 153 105 103	#996967

#BCBABA #B6ACAC #B09F9E #AA9190 #A48482 #9E7674 #996967

#BCBABA - #996967

HSV Blend

#BCBABA - #996967 | 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 #BCBABA as 0% and #996967 as 100%.

0.0%	0.0% #BCBABA	RGB 188 186 186	#BCBABA
16.7%	16.7% #B6AAAA	RGB 182 170 170	#B6AAAA
33.3%	33.3% #B09C9B	RGB 176 156 155	#B09C9B
50.0%	50.0% #AA8E8D	RGB 170 142 141	#AA8E8D
66.7%	66.7% #A48180	RGB 164 129 128	#A48180
83.3%	83.3% #9E7473	RGB 158 116 115	#9E7473
100.0%	100.0% #996967	RGB 153 105 103	#996967

#BCBABA #B6AAAA #B09C9B #AA8E8D #A48180 #9E7473 #996967

#BCBABA - #AA8E8D - #996967

CSS codes

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

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