#C8C9C7 - #A7A476 | 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 #C8C9C7 to #A7A476

#C8C9C7 #A7A476

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

#C8C9C7 - #A7A476 | 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 #C8C9C7 as 0% and #A7A476 as 100%.

0.0%	0.0% #C8C9C7	RGB 200 201 199	#C8C9C7
16.7%	16.7% #C2C2B9	RGB 194 194 185	#C2C2B9
33.3%	33.3% #BDBCAC	RGB 189 188 172	#BDBCAC
50.0%	50.0% #B7B69E	RGB 183 182 158	#B7B69E
66.7%	66.7% #B2B091	RGB 178 176 145	#B2B091
83.3%	83.3% #ACAA83	RGB 172 170 131	#ACAA83
100.0%	100.0% #A7A476	RGB 167 164 118	#A7A476

#C8C9C7 #C2C2B9 #BDBCAC #B7B69E #B2B091 #ACAA83 #A7A476

#C8C9C7 - #A7A476

HSV Blend

#C8C9C7 - #A7A476 | 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 #C8C9C7 as 0% and #A7A476 as 100%.

0.0%	0.0% #C8C9C7	RGB 200 201 199	#C8C9C7
16.7%	16.7% #BEC3B8	RGB 190 195 184	#BEC3B8
33.3%	33.3% #B7BDA9	RGB 183 189 169	#B7BDA9
50.0%	50.0% #B1B89C	RGB 177 184 156	#B1B89C
66.7%	66.7% #ADB28E	RGB 173 178 142	#ADB28E
83.3%	83.3% #ABAC82	RGB 171 172 130	#ABAC82
100.0%	100.0% #A7A476	RGB 167 164 118	#A7A476

#C8C9C7 #BEC3B8 #B7BDA9 #B1B89C #ADB28E #ABAC82 #A7A476

#C8C9C7 - #B1B89C - #A7A476

CSS codes

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

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