#9A00C7 - #ED64F1 | 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 #9A00C7 to #ED64F1

#9A00C7 #ED64F1

Calculate the color between two colors, #9A00C7 and #ED64F1. 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)

#9A00C7 - #ED64F1 | 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 #9A00C7 as 0% and #ED64F1 as 100%.

0.0%	0.0% #9A00C7	RGB 154 0 199	#9A00C7
16.7%	16.7% #A710CE	RGB 167 16 206	#A710CE
33.3%	33.3% #B521D5	RGB 181 33 213	#B521D5
50.0%	50.0% #C332DC	RGB 195 50 220	#C332DC
66.7%	66.7% #D142E3	RGB 209 66 227	#D142E3
83.3%	83.3% #DF53EA	RGB 223 83 234	#DF53EA
100.0%	100.0% #ED64F1	RGB 237 100 241	#ED64F1

#9A00C7 #A710CE #B521D5 #C332DC #D142E3 #DF53EA #ED64F1

#9A00C7 - #ED64F1

HSV Blend

#9A00C7 - #ED64F1 | 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 #9A00C7 as 0% and #ED64F1 as 100%.

0.0%	0.0% #9A00C7	RGB 154 0 199	#9A00C7
16.7%	16.7% #A80ECE	RGB 168 14 206	#A80ECE
33.3%	33.3% #B71DD5	RGB 183 29 213	#B71DD5
50.0%	50.0% #C52DDC	RGB 197 45 220	#C52DDC
66.7%	66.7% #D33EE3	RGB 211 62 227	#D33EE3
83.3%	83.3% #E050EA	RGB 224 80 234	#E050EA
100.0%	100.0% #ED64F1	RGB 237 100 241	#ED64F1

#9A00C7 #A80ECE #B71DD5 #C52DDC #D33EE3 #E050EA #ED64F1

#9A00C7 - #C52DDC - #ED64F1

CSS codes

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

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