#C7CDC7 - #768D82 | 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 #C7CDC7 to #768D82

#C7CDC7 #768D82

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

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

0.0%	0.0% #C7CDC7	RGB 199 205 199	#C7CDC7
16.7%	16.7% #B9C2BB	RGB 185 194 187	#B9C2BB
33.3%	33.3% #ACB7B0	RGB 172 183 176	#ACB7B0
50.0%	50.0% #9EADA4	RGB 158 173 164	#9EADA4
66.7%	66.7% #91A299	RGB 145 162 153	#91A299
83.3%	83.3% #83978D	RGB 131 151 141	#83978D
100.0%	100.0% #768D82	RGB 118 141 130	#768D82

#C7CDC7 #B9C2BB #ACB7B0 #9EADA4 #91A299 #83978D #768D82

#C7CDC7 - #768D82

HSV Blend

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

0.0%	0.0% #C7CDC7	RGB 199 205 199	#C7CDC7
16.7%	16.7% #B8C2B9	RGB 184 194 185	#B8C2B9
33.3%	33.3% #AAB7AC	RGB 170 183 172	#AAB7AC
50.0%	50.0% #9CADA0	RGB 156 173 160	#9CADA0
66.7%	66.7% #8FA295	RGB 143 162 149	#8FA295
83.3%	83.3% #82978B	RGB 130 151 139	#82978B
100.0%	100.0% #768D82	RGB 118 141 130	#768D82

#C7CDC7 #B8C2B9 #AAB7AC #9CADA0 #8FA295 #82978B #768D82

#C7CDC7 - #9CADA0 - #768D82

CSS codes

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

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