#C0C3A8 - #808D52 | 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 #C0C3A8 to #808D52

#C0C3A8 #808D52

Calculate the color between two colors, #C0C3A8 and #808D52. 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)

#C0C3A8 - #808D52 | 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 #C0C3A8 as 0% and #808D52 as 100%.

0.0%	0.0% #C0C3A8	RGB 192 195 168	#C0C3A8
16.7%	16.7% #B5BA99	RGB 181 186 153	#B5BA99
33.3%	33.3% #AAB18B	RGB 170 177 139	#AAB18B
50.0%	50.0% #A0A87D	RGB 160 168 125	#A0A87D
66.7%	66.7% #959F6E	RGB 149 159 110	#959F6E
83.3%	83.3% #8A9660	RGB 138 150 96	#8A9660
100.0%	100.0% #808D52	RGB 128 141 82	#808D52

#C0C3A8 #B5BA99 #AAB18B #A0A87D #959F6E #8A9660 #808D52

#C0C3A8 - #808D52

HSV Blend

#C0C3A8 - #808D52 | 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 #C0C3A8 as 0% and #808D52 as 100%.

0.0%	0.0% #C0C3A8	RGB 192 195 168	#C0C3A8
16.7%	16.7% #B5BA97	RGB 181 186 151	#B5BA97
33.3%	33.3% #AAB187	RGB 170 177 135	#AAB187
50.0%	50.0% #A0A879	RGB 160 168 121	#A0A879
66.7%	66.7% #959F6B	RGB 149 159 107	#959F6B
83.3%	83.3% #8A965E	RGB 138 150 94	#8A965E
100.0%	100.0% #808D52	RGB 128 141 82	#808D52

#C0C3A8 #B5BA97 #AAB187 #A0A879 #959F6B #8A965E #808D52

#C0C3A8 - #A0A879 - #808D52

CSS codes

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

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