#C0C0A8 - #7B6648 | 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 #C0C0A8 to #7B6648

#C0C0A8 #7B6648

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

#C0C0A8 - #7B6648 | 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 #C0C0A8 as 0% and #7B6648 as 100%.

0.0%	0.0% #C0C0A8	RGB 192 192 168	#C0C0A8
16.7%	16.7% #B4B198	RGB 180 177 152	#B4B198
33.3%	33.3% #A9A288	RGB 169 162 136	#A9A288
50.0%	50.0% #9D9378	RGB 157 147 120	#9D9378
66.7%	66.7% #928468	RGB 146 132 104	#928468
83.3%	83.3% #867558	RGB 134 117 88	#867558
100.0%	100.0% #7B6648	RGB 123 102 72	#7B6648

#C0C0A8 #B4B198 #A9A288 #9D9378 #928468 #867558 #7B6648

#C0C0A8 - #7B6648

HSV Blend

#C0C0A8 - #7B6648 | 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 #C0C0A8 as 0% and #7B6648 as 100%.

0.0%	0.0% #C0C0A8	RGB 192 192 168	#C0C0A8
16.7%	16.7% #B4B295	RGB 180 178 149	#B4B295
33.3%	33.3% #A9A383	RGB 169 163 131	#A9A383
50.0%	50.0% #9D9473	RGB 157 148 115	#9D9473
66.7%	66.7% #928563	RGB 146 133 99	#928563
83.3%	83.3% #867555	RGB 134 117 85	#867555
100.0%	100.0% #7B6648	RGB 123 102 72	#7B6648

#C0C0A8 #B4B295 #A9A383 #9D9473 #928563 #867555 #7B6648

#C0C0A8 - #9D9473 - #7B6648

CSS codes

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

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