#C8C7CE - #7C76AB | 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 #7C76AB

#C8C7CE #7C76AB

Calculate the color between two colors, #C8C7CE and #7C76AB. 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 - #7C76AB | 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 #7C76AB 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% #AEACC2	RGB 174 172 194	#AEACC2
50.0%	50.0% #A29EBC	RGB 162 158 188	#A29EBC
66.7%	66.7% #9591B6	RGB 149 145 182	#9591B6
83.3%	83.3% #8883B0	RGB 136 131 176	#8883B0
100.0%	100.0% #7C76AB	RGB 124 118 171	#7C76AB

#C8C7CE #BBB9C8 #AEACC2 #A29EBC #9591B6 #8883B0 #7C76AB

#C8C7CE - #7C76AB

HSV Blend

#C8C7CE - #7C76AB | 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 #7C76AB 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% #938EB6	RGB 147 142 182	#938EB6
83.3%	83.3% #8782B0	RGB 135 130 176	#8782B0
100.0%	100.0% #7C76AB	RGB 124 118 171	#7C76AB

#C8C7CE #BAB8C8 #ADA9C2 #A09CBC #938EB6 #8782B0 #7C76AB

#C8C7CE - #A09CBC - #7C76AB

CSS codes

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

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