#CC5ED6 - #EC85FF | 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 #CC5ED6 to #EC85FF

#CC5ED6 #EC85FF

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

#CC5ED6 - #EC85FF | 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 #CC5ED6 as 0% and #EC85FF as 100%.

0.0%	0.0% #CC5ED6	RGB 204 94 214	#CC5ED6
16.7%	16.7% #D164DC	RGB 209 100 220	#D164DC
33.3%	33.3% #D66BE3	RGB 214 107 227	#D66BE3
50.0%	50.0% #DC71EA	RGB 220 113 234	#DC71EA
66.7%	66.7% #E178F1	RGB 225 120 241	#E178F1
83.3%	83.3% #E67EF8	RGB 230 126 248	#E67EF8
100.0%	100.0% #EC85FF	RGB 236 133 255	#EC85FF

#CC5ED6 #D164DC #D66BE3 #DC71EA #E178F1 #E67EF8 #EC85FF

#CC5ED6 - #EC85FF

HSV Blend

#CC5ED6 - #EC85FF | 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 #CC5ED6 as 0% and #EC85FF as 100%.

0.0%	0.0% #CC5ED6	RGB 204 94 214	#CC5ED6
16.7%	16.7% #D164DC	RGB 209 100 220	#D164DC
33.3%	33.3% #D66AE3	RGB 214 106 227	#D66AE3
50.0%	50.0% #DB70EA	RGB 219 112 234	#DB70EA
66.7%	66.7% #E177F1	RGB 225 119 241	#E177F1
83.3%	83.3% #E67EF8	RGB 230 126 248	#E67EF8
100.0%	100.0% #EC85FF	RGB 236 133 255	#EC85FF

#CC5ED6 #D164DC #D66AE3 #DB70EA #E177F1 #E67EF8 #EC85FF

#CC5ED6 - #DB70EA - #EC85FF

CSS codes

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

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