#C8C2DE - #7E5CAC | 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 #C8C2DE to #7E5CAC

#C8C2DE #7E5CAC

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

#C8C2DE - #7E5CAC | 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 #C8C2DE as 0% and #7E5CAC as 100%.

0.0%	0.0% #C8C2DE	RGB 200 194 222	#C8C2DE
16.7%	16.7% #BBB1D5	RGB 187 177 213	#BBB1D5
33.3%	33.3% #AFA0CD	RGB 175 160 205	#AFA0CD
50.0%	50.0% #A38FC5	RGB 163 143 197	#A38FC5
66.7%	66.7% #967EBC	RGB 150 126 188	#967EBC
83.3%	83.3% #8A6DB4	RGB 138 109 180	#8A6DB4
100.0%	100.0% #7E5CAC	RGB 126 92 172	#7E5CAC

#C8C2DE #BBB1D5 #AFA0CD #A38FC5 #967EBC #8A6DB4 #7E5CAC

#C8C2DE - #7E5CAC

HSV Blend

#C8C2DE - #7E5CAC | 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 #C8C2DE as 0% and #7E5CAC as 100%.

0.0%	0.0% #C8C2DE	RGB 200 194 222	#C8C2DE
16.7%	16.7% #B8AED5	RGB 184 174 213	#B8AED5
33.3%	33.3% #AA9CCD	RGB 170 156 205	#AA9CCD
50.0%	50.0% #9D8AC5	RGB 157 138 197	#9D8AC5
66.7%	66.7% #917ABC	RGB 145 122 188	#917ABC
83.3%	83.3% #876AB4	RGB 135 106 180	#876AB4
100.0%	100.0% #7E5CAC	RGB 126 92 172	#7E5CAC

#C8C2DE #B8AED5 #AA9CCD #9D8AC5 #917ABC #876AB4 #7E5CAC

#C8C2DE - #9D8AC5 - #7E5CAC

CSS codes

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

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