#C8CDC7 - #768D7C | 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 #768D7C

#C8CDC7 #768D7C

Calculate the color between two colors, #C8CDC7 and #768D7C. 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 - #768D7C | 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 #768D7C as 100%.

0.0%	0.0% #C8CDC7	RGB 200 205 199	#C8CDC7
16.7%	16.7% #BAC2BA	RGB 186 194 186	#BAC2BA
33.3%	33.3% #ACB7AE	RGB 172 183 174	#ACB7AE
50.0%	50.0% #9FADA1	RGB 159 173 161	#9FADA1
66.7%	66.7% #91A295	RGB 145 162 149	#91A295
83.3%	83.3% #839788	RGB 131 151 136	#839788
100.0%	100.0% #768D7C	RGB 118 141 124	#768D7C

#C8CDC7 #BAC2BA #ACB7AE #9FADA1 #91A295 #839788 #768D7C

#C8CDC7 - #768D7C

HSV Blend

#C8CDC7 - #768D7C | 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 #768D7C 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% #AAB7AA	RGB 170 183 170	#AAB7AA
50.0%	50.0% #9CAD9D	RGB 156 173 157	#9CAD9D
66.7%	66.7% #8FA291	RGB 143 162 145	#8FA291
83.3%	83.3% #829786	RGB 130 151 134	#829786
100.0%	100.0% #768D7C	RGB 118 141 124	#768D7C

#C8CDC7 #B9C2B8 #AAB7AA #9CAD9D #8FA291 #829786 #768D7C

#C8CDC7 - #9CAD9D - #768D7C

CSS codes

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

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