#C2BBAB - #9C7D56 | 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 #C2BBAB to #9C7D56

#C2BBAB #9C7D56

Calculate the color between two colors, #C2BBAB and #9C7D56. 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)

#C2BBAB - #9C7D56 | 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 #C2BBAB as 0% and #9C7D56 as 100%.

0.0%	0.0% #C2BBAB	RGB 194 187 171	#C2BBAB
16.7%	16.7% #BBB09C	RGB 187 176 156	#BBB09C
33.3%	33.3% #B5A68E	RGB 181 166 142	#B5A68E
50.0%	50.0% #AF9C80	RGB 175 156 128	#AF9C80
66.7%	66.7% #A89172	RGB 168 145 114	#A89172
83.3%	83.3% #A28764	RGB 162 135 100	#A28764
100.0%	100.0% #9C7D56	RGB 156 125 86	#9C7D56

#C2BBAB #BBB09C #B5A68E #AF9C80 #A89172 #A28764 #9C7D56

#C2BBAB - #9C7D56

HSV Blend

#C2BBAB - #9C7D56 | 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 #C2BBAB as 0% and #9C7D56 as 100%.

0.0%	0.0% #C2BBAB	RGB 194 187 171	#C2BBAB
16.7%	16.7% #BBB19B	RGB 187 177 155	#BBB19B
33.3%	33.3% #B5A68B	RGB 181 166 139	#B5A68B
50.0%	50.0% #AF9C7D	RGB 175 156 125	#AF9C7D
66.7%	66.7% #A8926F	RGB 168 146 111	#A8926F
83.3%	83.3% #A28762	RGB 162 135 98	#A28762
100.0%	100.0% #9C7D56	RGB 156 125 86	#9C7D56

#C2BBAB #BBB19B #B5A68B #AF9C7D #A8926F #A28762 #9C7D56

#C2BBAB - #AF9C7D - #9C7D56

CSS codes

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

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