#C7BCAC - #AF9257 | 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 #C7BCAC to #AF9257

#C7BCAC #AF9257

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

#C7BCAC - #AF9257 | 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 #C7BCAC as 0% and #AF9257 as 100%.

0.0%	0.0% #C7BCAC	RGB 199 188 172	#C7BCAC
16.7%	16.7% #C3B59D	RGB 195 181 157	#C3B59D
33.3%	33.3% #BFAE8F	RGB 191 174 143	#BFAE8F
50.0%	50.0% #BBA781	RGB 187 167 129	#BBA781
66.7%	66.7% #B7A073	RGB 183 160 115	#B7A073
83.3%	83.3% #B39965	RGB 179 153 101	#B39965
100.0%	100.0% #AF9257	RGB 175 146 87	#AF9257

#C7BCAC #C3B59D #BFAE8F #BBA781 #B7A073 #B39965 #AF9257

#C7BCAC - #AF9257

HSV Blend

#C7BCAC - #AF9257 | 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 #C7BCAC as 0% and #AF9257 as 100%.

0.0%	0.0% #C7BCAC	RGB 199 188 172	#C7BCAC
16.7%	16.7% #C3B39C	RGB 195 179 156	#C3B39C
33.3%	33.3% #BFAC8D	RGB 191 172 141	#BFAC8D
50.0%	50.0% #BBA57F	RGB 187 165 127	#BBA57F
66.7%	66.7% #B79E71	RGB 183 158 113	#B79E71
83.3%	83.3% #B39763	RGB 179 151 99	#B39763
100.0%	100.0% #AF9257	RGB 175 146 87	#AF9257

#C7BCAC #C3B39C #BFAC8D #BBA57F #B79E71 #B39763 #AF9257

#C7BCAC - #BBA57F - #AF9257

CSS codes

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

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