#C8C4F9 - #7E5DC6 | 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 #C8C4F9 to #7E5DC6

#C8C4F9 #7E5DC6

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

#C8C4F9 - #7E5DC6 | 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 #C8C4F9 as 0% and #7E5DC6 as 100%.

0.0%	0.0% #C8C4F9	RGB 200 196 249	#C8C4F9
16.7%	16.7% #BBB2F0	RGB 187 178 240	#BBB2F0
33.3%	33.3% #AFA1E8	RGB 175 161 232	#AFA1E8
50.0%	50.0% #A390DF	RGB 163 144 223	#A390DF
66.7%	66.7% #967FD7	RGB 150 127 215	#967FD7
83.3%	83.3% #8A6ECE	RGB 138 110 206	#8A6ECE
100.0%	100.0% #7E5DC6	RGB 126 93 198	#7E5DC6

#C8C4F9 #BBB2F0 #AFA1E8 #A390DF #967FD7 #8A6ECE #7E5DC6

#C8C4F9 - #7E5DC6

HSV Blend

#C8C4F9 - #7E5DC6 | 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 #C8C4F9 as 0% and #7E5DC6 as 100%.

0.0%	0.0% #C8C4F9	RGB 200 196 249	#C8C4F9
16.7%	16.7% #B7B0F0	RGB 183 176 240	#B7B0F0
33.3%	33.3% #A99EE8	RGB 169 158 232	#A99EE8
50.0%	50.0% #9C8CDF	RGB 156 140 223	#9C8CDF
66.7%	66.7% #917BD7	RGB 145 123 215	#917BD7
83.3%	83.3% #866BCE	RGB 134 107 206	#866BCE
100.0%	100.0% #7E5DC6	RGB 126 93 198	#7E5DC6

#C8C4F9 #B7B0F0 #A99EE8 #9C8CDF #917BD7 #866BCE #7E5DC6

#C8C4F9 - #9C8CDF - #7E5DC6

CSS codes

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

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