#C8CAC8 - #7E9C76 | 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 #C8CAC8 to #7E9C76

#C8CAC8 #7E9C76

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

#C8CAC8 - #7E9C76 | 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 #C8CAC8 as 0% and #7E9C76 as 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #BBC2BA	RGB 187 194 186	#BBC2BA
33.3%	33.3% #AFBAAC	RGB 175 186 172	#AFBAAC
50.0%	50.0% #A3B39F	RGB 163 179 159	#A3B39F
66.7%	66.7% #96AB91	RGB 150 171 145	#96AB91
83.3%	83.3% #8AA383	RGB 138 163 131	#8AA383
100.0%	100.0% #7E9C76	RGB 126 156 118	#7E9C76

#C8CAC8 #BBC2BA #AFBAAC #A3B39F #96AB91 #8AA383 #7E9C76

#C8CAC8 - #7E9C76

HSV Blend

#C8CAC8 - #7E9C76 | 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 #C8CAC8 as 0% and #7E9C76 as 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #B9C2B8	RGB 185 194 184	#B9C2B8
33.3%	33.3% #ABBAAA	RGB 171 186 170	#ABBAAA
50.0%	50.0% #9EB39C	RGB 158 179 156	#9EB39C
66.7%	66.7% #92AB8E	RGB 146 171 142	#92AB8E
83.3%	83.3% #88A382	RGB 136 163 130	#88A382
100.0%	100.0% #7E9C76	RGB 126 156 118	#7E9C76

#C8CAC8 #B9C2B8 #ABBAAA #9EB39C #92AB8E #88A382 #7E9C76

#C8CAC8 - #9EB39C - #7E9C76

CSS codes

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

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