#C7BCB5 - #A87761 | 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 #C7BCB5 to #A87761

#C7BCB5 #A87761

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

#C7BCB5 - #A87761 | 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 #C7BCB5 as 0% and #A87761 as 100%.

0.0%	0.0% #C7BCB5	RGB 199 188 181	#C7BCB5
16.7%	16.7% #C1B0A7	RGB 193 176 167	#C1B0A7
33.3%	33.3% #BCA599	RGB 188 165 153	#BCA599
50.0%	50.0% #B7998B	RGB 183 153 139	#B7998B
66.7%	66.7% #B28E7D	RGB 178 142 125	#B28E7D
83.3%	83.3% #AD826F	RGB 173 130 111	#AD826F
100.0%	100.0% #A87761	RGB 168 119 97	#A87761

#C7BCB5 #C1B0A7 #BCA599 #B7998B #B28E7D #AD826F #A87761

#C7BCB5 - #A87761

HSV Blend

#C7BCB5 - #A87761 | 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 #C7BCB5 as 0% and #A87761 as 100%.

0.0%	0.0% #C7BCB5	RGB 199 188 181	#C7BCB5
16.7%	16.7% #C1B0A5	RGB 193 176 165	#C1B0A5
33.3%	33.3% #BCA496	RGB 188 164 150	#BCA496
50.0%	50.0% #B79888	RGB 183 152 136	#B79888
66.7%	66.7% #B28D7A	RGB 178 141 122	#B28D7A
83.3%	83.3% #AD826D	RGB 173 130 109	#AD826D
100.0%	100.0% #A87761	RGB 168 119 97	#A87761

#C7BCB5 #C1B0A5 #BCA496 #B79888 #B28D7A #AD826D #A87761

#C7BCB5 - #B79888 - #A87761

CSS codes

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

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