#CC55DA - #5E0095 | 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 #CC55DA to #5E0095

#CC55DA #5E0095

Calculate the color between two colors, #CC55DA and #5E0095. 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)

#CC55DA - #5E0095 | 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 #CC55DA as 0% and #5E0095 as 100%.

0.0%	0.0% #CC55DA	RGB 204 85 218	#CC55DA
16.7%	16.7% #B946CE	RGB 185 70 206	#B946CE
33.3%	33.3% #A738C3	RGB 167 56 195	#A738C3
50.0%	50.0% #952AB7	RGB 149 42 183	#952AB7
66.7%	66.7% #821CAC	RGB 130 28 172	#821CAC
83.3%	83.3% #700EA0	RGB 112 14 160	#700EA0
100.0%	100.0% #5E0095	RGB 94 0 149	#5E0095

#CC55DA #B946CE #A738C3 #952AB7 #821CAC #700EA0 #5E0095

#CC55DA - #5E0095

HSV Blend

#CC55DA - #5E0095 | 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 #CC55DA as 0% and #5E0095 as 100%.

0.0%	0.0% #CC55DA	RGB 204 85 218	#CC55DA
16.7%	16.7% #B943CE	RGB 185 67 206	#B943CE
33.3%	33.3% #A732C3	RGB 167 50 195	#A732C3
50.0%	50.0% #9423B7	RGB 148 35 183	#9423B7
66.7%	66.7% #8116AC	RGB 129 22 172	#8116AC
83.3%	83.3% #6F0AA0	RGB 111 10 160	#6F0AA0
100.0%	100.0% #5E0095	RGB 94 0 149	#5E0095

#CC55DA #B943CE #A732C3 #9423B7 #8116AC #6F0AA0 #5E0095

#CC55DA - #9423B7 - #5E0095

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC55DA 0%, #9423B7 50%, #5E0095 100%);
    background: -webkit-linear-gradient(top, #CC55DA 0%, #9423B7 50%, #5E0095 100%);
    background: linear-gradient(to bottom, #CC55DA 0%, #9423B7 50%, #5E0095 100%);
}
</style>