#C8C8D1 - #78728D | 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 #C8C8D1 to #78728D

#C8C8D1 #78728D

Calculate the color between two colors, #C8C8D1 and #78728D. 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)

#C8C8D1 - #78728D | 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 #C8C8D1 as 0% and #78728D as 100%.

0.0%	0.0% #C8C8D1	RGB 200 200 209	#C8C8D1
16.7%	16.7% #BAB9C5	RGB 186 185 197	#BAB9C5
33.3%	33.3% #ADABBA	RGB 173 171 186	#ADABBA
50.0%	50.0% #A09DAF	RGB 160 157 175	#A09DAF
66.7%	66.7% #928EA3	RGB 146 142 163	#928EA3
83.3%	83.3% #858098	RGB 133 128 152	#858098
100.0%	100.0% #78728D	RGB 120 114 141	#78728D

#C8C8D1 #BAB9C5 #ADABBA #A09DAF #928EA3 #858098 #78728D

#C8C8D1 - #78728D

HSV Blend

#C8C8D1 - #78728D | 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 #C8C8D1 as 0% and #78728D as 100%.

0.0%	0.0% #C8C8D1	RGB 200 200 209	#C8C8D1
16.7%	16.7% #B8B8C5	RGB 184 184 197	#B8B8C5
33.3%	33.3% #AAA9BA	RGB 170 169 186	#AAA9BA
50.0%	50.0% #9C9AAF	RGB 156 154 175	#9C9AAF
66.7%	66.7% #8F8CA3	RGB 143 140 163	#8F8CA3
83.3%	83.3% #837E98	RGB 131 126 152	#837E98
100.0%	100.0% #78728D	RGB 120 114 141	#78728D

#C8C8D1 #B8B8C5 #AAA9BA #9C9AAF #8F8CA3 #837E98 #78728D

#C8C8D1 - #9C9AAF - #78728D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8D1 0%, #9C9AAF 50%, #78728D 100%);
    background: -webkit-linear-gradient(top, #C8C8D1 0%, #9C9AAF 50%, #78728D 100%);
    background: linear-gradient(to bottom, #C8C8D1 0%, #9C9AAF 50%, #78728D 100%);
}
</style>