#C8C0BF - #AE776C | 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 #C8C0BF to #AE776C

#C8C0BF #AE776C

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

#C8C0BF - #AE776C | 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 #C8C0BF as 0% and #AE776C as 100%.

0.0%	0.0% #C8C0BF	RGB 200 192 191	#C8C0BF
16.7%	16.7% #C3B3B1	RGB 195 179 177	#C3B3B1
33.3%	33.3% #BFA7A3	RGB 191 167 163	#BFA7A3
50.0%	50.0% #BB9B95	RGB 187 155 149	#BB9B95
66.7%	66.7% #B68F87	RGB 182 143 135	#B68F87
83.3%	83.3% #B28379	RGB 178 131 121	#B28379
100.0%	100.0% #AE776C	RGB 174 119 108	#AE776C

#C8C0BF #C3B3B1 #BFA7A3 #BB9B95 #B68F87 #B28379 #AE776C

#C8C0BF - #AE776C

HSV Blend

#C8C0BF - #AE776C | 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 #C8C0BF as 0% and #AE776C as 100%.

0.0%	0.0% #C8C0BF	RGB 200 192 191	#C8C0BF
16.7%	16.7% #C3B2AF	RGB 195 178 175	#C3B2AF
33.3%	33.3% #BFA5A1	RGB 191 165 161	#BFA5A1
50.0%	50.0% #BB9893	RGB 187 152 147	#BB9893
66.7%	66.7% #B68C85	RGB 182 140 133	#B68C85
83.3%	83.3% #B28178	RGB 178 129 120	#B28178
100.0%	100.0% #AE776C	RGB 174 119 108	#AE776C

#C8C0BF #C3B2AF #BFA5A1 #BB9893 #B68C85 #B28178 #AE776C

#C8C0BF - #BB9893 - #AE776C

CSS codes

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

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