#C8C4CE - #7E6C89 | 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 #C8C4CE to #7E6C89

#C8C4CE #7E6C89

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

#C8C4CE - #7E6C89 | 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 #C8C4CE as 0% and #7E6C89 as 100%.

0.0%	0.0% #C8C4CE	RGB 200 196 206	#C8C4CE
16.7%	16.7% #BBB5C2	RGB 187 181 194	#BBB5C2
33.3%	33.3% #AFA6B7	RGB 175 166 183	#AFA6B7
50.0%	50.0% #A398AB	RGB 163 152 171	#A398AB
66.7%	66.7% #9689A0	RGB 150 137 160	#9689A0
83.3%	83.3% #8A7A94	RGB 138 122 148	#8A7A94
100.0%	100.0% #7E6C89	RGB 126 108 137	#7E6C89

#C8C4CE #BBB5C2 #AFA6B7 #A398AB #9689A0 #8A7A94 #7E6C89

#C8C4CE - #7E6C89

HSV Blend

#C8C4CE - #7E6C89 | 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 #C8C4CE as 0% and #7E6C89 as 100%.

0.0%	0.0% #C8C4CE	RGB 200 196 206	#C8C4CE
16.7%	16.7% #BAB3C2	RGB 186 179 194	#BAB3C2
33.3%	33.3% #ADA4B7	RGB 173 164 183	#ADA4B7
50.0%	50.0% #A095AB	RGB 160 149 171	#A095AB
66.7%	66.7% #9486A0	RGB 148 134 160	#9486A0
83.3%	83.3% #897994	RGB 137 121 148	#897994
100.0%	100.0% #7E6C89	RGB 126 108 137	#7E6C89

#C8C4CE #BAB3C2 #ADA4B7 #A095AB #9486A0 #897994 #7E6C89

#C8C4CE - #A095AB - #7E6C89

CSS codes

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

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