#AA00AC - #FF5EC7 | 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 #AA00AC to #FF5EC7

#AA00AC #FF5EC7

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

#AA00AC - #FF5EC7 | 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 #AA00AC as 0% and #FF5EC7 as 100%.

0.0%	0.0% #AA00AC	RGB 170 0 172	#AA00AC
16.7%	16.7% #B80FB0	RGB 184 15 176	#B80FB0
33.3%	33.3% #C61FB5	RGB 198 31 181	#C61FB5
50.0%	50.0% #D42FB9	RGB 212 47 185	#D42FB9
66.7%	66.7% #E23EBE	RGB 226 62 190	#E23EBE
83.3%	83.3% #F04EC2	RGB 240 78 194	#F04EC2
100.0%	100.0% #FF5EC7	RGB 255 94 199	#FF5EC7

#AA00AC #B80FB0 #C61FB5 #D42FB9 #E23EBE #F04EC2 #FF5EC7

#AA00AC - #FF5EC7

HSV Blend

#AA00AC - #FF5EC7 | 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 #AA00AC as 0% and #FF5EC7 as 100%.

0.0%	0.0% #A900AC	RGB 169 0 172	#A900AC
16.7%	16.7% #B90BB1	RGB 185 11 177	#B90BB1
33.3%	33.3% #C718B4	RGB 199 24 180	#C718B4
50.0%	50.0% #D527B8	RGB 213 39 184	#D527B8
66.7%	66.7% #E337BC	RGB 227 55 188	#E337BC
83.3%	83.3% #F14AC1	RGB 241 74 193	#F14AC1
100.0%	100.0% #FF5EC7	RGB 255 94 199	#FF5EC7

#A900AC #B90BB1 #C718B4 #D527B8 #E337BC #F14AC1 #FF5EC7

#AA00AC - #D527B8 - #FF5EC7

CSS codes

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

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