#C7A1FF - #8C2CCD | 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 #C7A1FF to #8C2CCD

#C7A1FF #8C2CCD

Calculate the color between two colors, #C7A1FF and #8C2CCD. 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)

#C7A1FF - #8C2CCD | 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 #C7A1FF as 0% and #8C2CCD as 100%.

0.0%	0.0% #C7A1FF	RGB 199 161 255	#C7A1FF
16.7%	16.7% #BD8DF6	RGB 189 141 246	#BD8DF6
33.3%	33.3% #B37AEE	RGB 179 122 238	#B37AEE
50.0%	50.0% #A966E6	RGB 169 102 230	#A966E6
66.7%	66.7% #9F53DD	RGB 159 83 221	#9F53DD
83.3%	83.3% #953FD5	RGB 149 63 213	#953FD5
100.0%	100.0% #8C2CCD	RGB 140 44 205	#8C2CCD

#C7A1FF #BD8DF6 #B37AEE #A966E6 #9F53DD #953FD5 #8C2CCD

#C7A1FF - #8C2CCD

HSV Blend

#C7A1FF - #8C2CCD | 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 #C7A1FF as 0% and #8C2CCD as 100%.

0.0%	0.0% #C7A1FF	RGB 199 161 255	#C7A1FF
16.7%	16.7% #B98AF6	RGB 185 138 246	#B98AF6
33.3%	33.3% #AE75EE	RGB 174 117 238	#AE75EE
50.0%	50.0% #A361E6	RGB 163 97 230	#A361E6
66.7%	66.7% #9A4EDD	RGB 154 78 221	#9A4EDD
83.3%	83.3% #923CD5	RGB 146 60 213	#923CD5
100.0%	100.0% #8C2CCD	RGB 140 44 205	#8C2CCD

#C7A1FF #B98AF6 #AE75EE #A361E6 #9A4EDD #923CD5 #8C2CCD

#C7A1FF - #A361E6 - #8C2CCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A1FF 0%, #A361E6 50%, #8C2CCD 100%);
    background: -webkit-linear-gradient(top, #C7A1FF 0%, #A361E6 50%, #8C2CCD 100%);
    background: linear-gradient(to bottom, #C7A1FF 0%, #A361E6 50%, #8C2CCD 100%);
}
</style>