#BCB5B5 - #A16167 | 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 #BCB5B5 to #A16167

#BCB5B5 #A16167

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

#BCB5B5 - #A16167 | 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 #BCB5B5 as 0% and #A16167 as 100%.

0.0%	0.0% #BCB5B5	RGB 188 181 181	#BCB5B5
16.7%	16.7% #B7A7A8	RGB 183 167 168	#B7A7A8
33.3%	33.3% #B3999B	RGB 179 153 155	#B3999B
50.0%	50.0% #AE8B8E	RGB 174 139 142	#AE8B8E
66.7%	66.7% #AA7D81	RGB 170 125 129	#AA7D81
83.3%	83.3% #A56F74	RGB 165 111 116	#A56F74
100.0%	100.0% #A16167	RGB 161 97 103	#A16167

#BCB5B5 #B7A7A8 #B3999B #AE8B8E #AA7D81 #A56F74 #A16167

#BCB5B5 - #A16167

HSV Blend

#BCB5B5 - #A16167 | 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 #BCB5B5 as 0% and #A16167 as 100%.

0.0%	0.0% #BCB5B5	RGB 188 181 181	#BCB5B5
16.7%	16.7% #B7A5A5	RGB 183 165 165	#B7A5A5
33.3%	33.3% #B39697	RGB 179 150 151	#B39697
50.0%	50.0% #AE888A	RGB 174 136 138	#AE888A
66.7%	66.7% #AA7A7D	RGB 170 122 125	#AA7A7D
83.3%	83.3% #A56D72	RGB 165 109 114	#A56D72
100.0%	100.0% #A16167	RGB 161 97 103	#A16167

#BCB5B5 #B7A5A5 #B39697 #AE888A #AA7A7D #A56D72 #A16167

#BCB5B5 - #AE888A - #A16167

CSS codes

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

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