#EC80FF - #8900CF | 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 #EC80FF to #8900CF

#EC80FF #8900CF

Calculate the color between two colors, #EC80FF and #8900CF. 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)

#EC80FF - #8900CF | 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 #EC80FF as 0% and #8900CF as 100%.

0.0%	0.0% #EC80FF	RGB 236 128 255	#EC80FF
16.7%	16.7% #DB6AF7	RGB 219 106 247	#DB6AF7
33.3%	33.3% #CB55EF	RGB 203 85 239	#CB55EF
50.0%	50.0% #BA40E7	RGB 186 64 231	#BA40E7
66.7%	66.7% #AA2ADF	RGB 170 42 223	#AA2ADF
83.3%	83.3% #9915D7	RGB 153 21 215	#9915D7
100.0%	100.0% #8900CF	RGB 137 0 207	#8900CF

#EC80FF #DB6AF7 #CB55EF #BA40E7 #AA2ADF #9915D7 #8900CF

#EC80FF - #8900CF

HSV Blend

#EC80FF - #8900CF | 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 #EC80FF as 0% and #8900CF as 100%.

0.0%	0.0% #EC80FF	RGB 236 128 255	#EC80FF
16.7%	16.7% #DC67F7	RGB 220 103 247	#DC67F7
33.3%	33.3% #CD4FEF	RGB 205 79 239	#CD4FEF
50.0%	50.0% #BC39E7	RGB 188 57 231	#BC39E7
66.7%	66.7% #AB25DF	RGB 171 37 223	#AB25DF
83.3%	83.3% #9A11D7	RGB 154 17 215	#9A11D7
100.0%	100.0% #8900CF	RGB 137 0 207	#8900CF

#EC80FF #DC67F7 #CD4FEF #BC39E7 #AB25DF #9A11D7 #8900CF

#EC80FF - #BC39E7 - #8900CF

CSS codes

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

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