#BCBBBA - #997867 | 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 #BCBBBA to #997867

#BCBBBA #997867

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

#BCBBBA - #997867 | 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 #BCBBBA as 0% and #997867 as 100%.

0.0%	0.0% #BCBBBA	RGB 188 187 186	#BCBBBA
16.7%	16.7% #B6AFAC	RGB 182 175 172	#B6AFAC
33.3%	33.3% #B0A49E	RGB 176 164 158	#B0A49E
50.0%	50.0% #AA9990	RGB 170 153 144	#AA9990
66.7%	66.7% #A48E82	RGB 164 142 130	#A48E82
83.3%	83.3% #9E8374	RGB 158 131 116	#9E8374
100.0%	100.0% #997867	RGB 153 120 103	#997867

#BCBBBA #B6AFAC #B0A49E #AA9990 #A48E82 #9E8374 #997867

#BCBBBA - #997867

HSV Blend

#BCBBBA - #997867 | 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 #BCBBBA as 0% and #997867 as 100%.

0.0%	0.0% #BCBBBA	RGB 188 187 186	#BCBBBA
16.7%	16.7% #B6B0AA	RGB 182 176 170	#B6B0AA
33.3%	33.3% #B0A59B	RGB 176 165 155	#B0A59B
50.0%	50.0% #AA998D	RGB 170 153 141	#AA998D
66.7%	66.7% #A48E80	RGB 164 142 128	#A48E80
83.3%	83.3% #9E8373	RGB 158 131 115	#9E8373
100.0%	100.0% #997867	RGB 153 120 103	#997867

#BCBBBA #B6B0AA #B0A59B #AA998D #A48E80 #9E8373 #997867

#BCBBBA - #AA998D - #997867

CSS codes

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

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