#C0AEAC - #7E7360 | 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 #C0AEAC to #7E7360

#C0AEAC #7E7360

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

#C0AEAC - #7E7360 | 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 #C0AEAC as 0% and #7E7360 as 100%.

0.0%	0.0% #C0AEAC	RGB 192 174 172	#C0AEAC
16.7%	16.7% #B5A49F	RGB 181 164 159	#B5A49F
33.3%	33.3% #AA9A92	RGB 170 154 146	#AA9A92
50.0%	50.0% #9F9086	RGB 159 144 134	#9F9086
66.7%	66.7% #948679	RGB 148 134 121	#948679
83.3%	83.3% #897C6C	RGB 137 124 108	#897C6C
100.0%	100.0% #7E7360	RGB 126 115 96	#7E7360

#C0AEAC #B5A49F #AA9A92 #9F9086 #948679 #897C6C #7E7360

#C0AEAC - #7E7360

HSV Blend

#C0AEAC - #7E7360 | 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 #C0AEAC as 0% and #7E7360 as 100%.

0.0%	0.0% #C0AEAC	RGB 192 174 172	#C0AEAC
16.7%	16.7% #B5A29E	RGB 181 162 158	#B5A29E
33.3%	33.3% #AA9790	RGB 170 151 144	#AA9790
50.0%	50.0% #9F8D83	RGB 159 141 131	#9F8D83
66.7%	66.7% #948477	RGB 148 132 119	#948477
83.3%	83.3% #897B6B	RGB 137 123 107	#897B6B
100.0%	100.0% #7E7360	RGB 126 115 96	#7E7360

#C0AEAC #B5A29E #AA9790 #9F8D83 #948477 #897B6B #7E7360

#C0AEAC - #9F8D83 - #7E7360

CSS codes

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

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