#C8C7CE - #7D76AB | 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 #C8C7CE to #7D76AB

#C8C7CE #7D76AB

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

#C8C7CE - #7D76AB | 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 #C8C7CE as 0% and #7D76AB as 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #BBB9C8	RGB 187 185 200	#BBB9C8
33.3%	33.3% #AFACC2	RGB 175 172 194	#AFACC2
50.0%	50.0% #A29EBC	RGB 162 158 188	#A29EBC
66.7%	66.7% #9691B6	RGB 150 145 182	#9691B6
83.3%	83.3% #8983B0	RGB 137 131 176	#8983B0
100.0%	100.0% #7D76AB	RGB 125 118 171	#7D76AB

#C8C7CE #BBB9C8 #AFACC2 #A29EBC #9691B6 #8983B0 #7D76AB

#C8C7CE - #7D76AB

HSV Blend

#C8C7CE - #7D76AB | 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 #C8C7CE as 0% and #7D76AB as 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #BAB8C8	RGB 186 184 200	#BAB8C8
33.3%	33.3% #ADA9C2	RGB 173 169 194	#ADA9C2
50.0%	50.0% #A09CBC	RGB 160 156 188	#A09CBC
66.7%	66.7% #948EB6	RGB 148 142 182	#948EB6
83.3%	83.3% #8882B0	RGB 136 130 176	#8882B0
100.0%	100.0% #7D76AB	RGB 125 118 171	#7D76AB

#C8C7CE #BAB8C8 #ADA9C2 #A09CBC #948EB6 #8882B0 #7D76AB

#C8C7CE - #A09CBC - #7D76AB

CSS codes

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

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