#BCB5B6 - #866669 | 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 #BCB5B6 to #866669

#BCB5B6 #866669

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

#BCB5B6 - #866669 | 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 #BCB5B6 as 0% and #866669 as 100%.

0.0%	0.0% #BCB5B6	RGB 188 181 182	#BCB5B6
16.7%	16.7% #B3A7A9	RGB 179 167 169	#B3A7A9
33.3%	33.3% #AA9A9C	RGB 170 154 156	#AA9A9C
50.0%	50.0% #A18D8F	RGB 161 141 143	#A18D8F
66.7%	66.7% #988082	RGB 152 128 130	#988082
83.3%	83.3% #8F7375	RGB 143 115 117	#8F7375
100.0%	100.0% #866669	RGB 134 102 105	#866669

#BCB5B6 #B3A7A9 #AA9A9C #A18D8F #988082 #8F7375 #866669

#BCB5B6 - #866669

HSV Blend

#BCB5B6 - #866669 | 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 #BCB5B6 as 0% and #866669 as 100%.

0.0%	0.0% #BCB5B6	RGB 188 181 182	#BCB5B6
16.7%	16.7% #B3A6A8	RGB 179 166 168	#B3A6A8
33.3%	33.3% #AA989A	RGB 170 152 154	#AA989A
50.0%	50.0% #A18A8D	RGB 161 138 141	#A18A8D
66.7%	66.7% #987D80	RGB 152 125 128	#987D80
83.3%	83.3% #8F7174	RGB 143 113 116	#8F7174
100.0%	100.0% #866669	RGB 134 102 105	#866669

#BCB5B6 #B3A6A8 #AA989A #A18A8D #987D80 #8F7174 #866669

#BCB5B6 - #A18A8D - #866669

CSS codes

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

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