#C8CDC7 - #768D77 | 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 #C8CDC7 to #768D77

#C8CDC7 #768D77

Calculate the color between two colors, #C8CDC7 and #768D77. 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)

#C8CDC7 - #768D77 | 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 #C8CDC7 as 0% and #768D77 as 100%.

0.0%	0.0% #C8CDC7	RGB 200 205 199	#C8CDC7
16.7%	16.7% #BAC2B9	RGB 186 194 185	#BAC2B9
33.3%	33.3% #ACB7AC	RGB 172 183 172	#ACB7AC
50.0%	50.0% #9FAD9F	RGB 159 173 159	#9FAD9F
66.7%	66.7% #91A291	RGB 145 162 145	#91A291
83.3%	83.3% #839784	RGB 131 151 132	#839784
100.0%	100.0% #768D77	RGB 118 141 119	#768D77

#C8CDC7 #BAC2B9 #ACB7AC #9FAD9F #91A291 #839784 #768D77

#C8CDC7 - #768D77

HSV Blend

#C8CDC7 - #768D77 | 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 #C8CDC7 as 0% and #768D77 as 100%.

0.0%	0.0% #C8CDC7	RGB 200 205 199	#C8CDC7
16.7%	16.7% #B9C2B8	RGB 185 194 184	#B9C2B8
33.3%	33.3% #ABB7AA	RGB 171 183 170	#ABB7AA
50.0%	50.0% #9DAD9C	RGB 157 173 156	#9DAD9C
66.7%	66.7% #8FA28F	RGB 143 162 143	#8FA28F
83.3%	83.3% #829782	RGB 130 151 130	#829782
100.0%	100.0% #768D77	RGB 118 141 119	#768D77

#C8CDC7 #B9C2B8 #ABB7AA #9DAD9C #8FA28F #829782 #768D77

#C8CDC7 - #9DAD9C - #768D77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CDC7 0%, #9DAD9C 50%, #768D77 100%);
    background: -webkit-linear-gradient(top, #C8CDC7 0%, #9DAD9C 50%, #768D77 100%);
    background: linear-gradient(to bottom, #C8CDC7 0%, #9DAD9C 50%, #768D77 100%);
}
</style>