#C7C0C0 - #AF756E | 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 #C7C0C0 to #AF756E

#C7C0C0 #AF756E

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

#C7C0C0 - #AF756E | 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 #C7C0C0 as 0% and #AF756E as 100%.

0.0%	0.0% #C7C0C0	RGB 199 192 192	#C7C0C0
16.7%	16.7% #C3B3B2	RGB 195 179 178	#C3B3B2
33.3%	33.3% #BFA7A4	RGB 191 167 164	#BFA7A4
50.0%	50.0% #BB9A97	RGB 187 154 151	#BB9A97
66.7%	66.7% #B78E89	RGB 183 142 137	#B78E89
83.3%	83.3% #B3817B	RGB 179 129 123	#B3817B
100.0%	100.0% #AF756E	RGB 175 117 110	#AF756E

#C7C0C0 #C3B3B2 #BFA7A4 #BB9A97 #B78E89 #B3817B #AF756E

#C7C0C0 - #AF756E

HSV Blend

#C7C0C0 - #AF756E | 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 #C7C0C0 as 0% and #AF756E as 100%.

0.0%	0.0% #C7C0C0	RGB 199 192 192	#C7C0C0
16.7%	16.7% #C3B1B1	RGB 195 177 177	#C3B1B1
33.3%	33.3% #BFA3A2	RGB 191 163 162	#BFA3A2
50.0%	50.0% #BB9794	RGB 187 151 148	#BB9794
66.7%	66.7% #B78A87	RGB 183 138 135	#B78A87
83.3%	83.3% #B37F7A	RGB 179 127 122	#B37F7A
100.0%	100.0% #AF756E	RGB 175 117 110	#AF756E

#C7C0C0 #C3B1B1 #BFA3A2 #BB9794 #B78A87 #B37F7A #AF756E

#C7C0C0 - #BB9794 - #AF756E

CSS codes

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

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