#CC5CD3 - #60008C | 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 #CC5CD3 to #60008C

#CC5CD3 #60008C

Calculate the color between two colors, #CC5CD3 and #60008C. 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)

#CC5CD3 - #60008C | 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 #CC5CD3 as 0% and #60008C as 100%.

0.0%	0.0% #CC5CD3	RGB 204 92 211	#CC5CD3
16.7%	16.7% #BA4CC7	RGB 186 76 199	#BA4CC7
33.3%	33.3% #A83DBB	RGB 168 61 187	#A83DBB
50.0%	50.0% #962EAF	RGB 150 46 175	#962EAF
66.7%	66.7% #841EA3	RGB 132 30 163	#841EA3
83.3%	83.3% #720F97	RGB 114 15 151	#720F97
100.0%	100.0% #60008C	RGB 96 0 140	#60008C

#CC5CD3 #BA4CC7 #A83DBB #962EAF #841EA3 #720F97 #60008C

#CC5CD3 - #60008C

HSV Blend

#CC5CD3 - #60008C | 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 #CC5CD3 as 0% and #60008C as 100%.

0.0%	0.0% #CC5CD3	RGB 204 92 211	#CC5CD3
16.7%	16.7% #BA48C7	RGB 186 72 199	#BA48C7
33.3%	33.3% #A836BB	RGB 168 54 187	#A836BB
50.0%	50.0% #9526AF	RGB 149 38 175	#9526AF
66.7%	66.7% #8317A3	RGB 131 23 163	#8317A3
83.3%	83.3% #710B97	RGB 113 11 151	#710B97
100.0%	100.0% #60008C	RGB 96 0 140	#60008C

#CC5CD3 #BA48C7 #A836BB #9526AF #8317A3 #710B97 #60008C

#CC5CD3 - #9526AF - #60008C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC5CD3 0%, #9526AF 50%, #60008C 100%);
    background: -webkit-linear-gradient(top, #CC5CD3 0%, #9526AF 50%, #60008C 100%);
    background: linear-gradient(to bottom, #CC5CD3 0%, #9526AF 50%, #60008C 100%);
}
</style>