#CC8CFF - #710FCD | 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 #CC8CFF to #710FCD

#CC8CFF #710FCD

Calculate the color between two colors, #CC8CFF and #710FCD. 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)

#CC8CFF - #710FCD | 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 #CC8CFF as 0% and #710FCD as 100%.

0.0%	0.0% #CC8CFF	RGB 204 140 255	#CC8CFF
16.7%	16.7% #BC77F6	RGB 188 119 246	#BC77F6
33.3%	33.3% #AD62EE	RGB 173 98 238	#AD62EE
50.0%	50.0% #9E4DE6	RGB 158 77 230	#9E4DE6
66.7%	66.7% #8F38DD	RGB 143 56 221	#8F38DD
83.3%	83.3% #8023D5	RGB 128 35 213	#8023D5
100.0%	100.0% #710FCD	RGB 113 15 205	#710FCD

#CC8CFF #BC77F6 #AD62EE #9E4DE6 #8F38DD #8023D5 #710FCD

#CC8CFF - #710FCD

HSV Blend

#CC8CFF - #710FCD | 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 #CC8CFF as 0% and #710FCD as 100%.

0.0%	0.0% #CC8CFF	RGB 204 140 255	#CC8CFF
16.7%	16.7% #BB73F6	RGB 187 115 246	#BB73F6
33.3%	33.3% #AB5DEE	RGB 171 93 238	#AB5DEE
50.0%	50.0% #9C47E6	RGB 156 71 230	#9C47E6
66.7%	66.7% #8D33DD	RGB 141 51 221	#8D33DD
83.3%	83.3% #7F20D5	RGB 127 32 213	#7F20D5
100.0%	100.0% #710FCD	RGB 113 15 205	#710FCD

#CC8CFF #BB73F6 #AB5DEE #9C47E6 #8D33DD #7F20D5 #710FCD

#CC8CFF - #9C47E6 - #710FCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC8CFF 0%, #9C47E6 50%, #710FCD 100%);
    background: -webkit-linear-gradient(top, #CC8CFF 0%, #9C47E6 50%, #710FCD 100%);
    background: linear-gradient(to bottom, #CC8CFF 0%, #9C47E6 50%, #710FCD 100%);
}
</style>