#AA06AC - #FF64C5 | 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 #AA06AC to #FF64C5

#AA06AC #FF64C5

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

#AA06AC - #FF64C5 | 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 #AA06AC as 0% and #FF64C5 as 100%.

0.0%	0.0% #AA06AC	RGB 170 6 172	#AA06AC
16.7%	16.7% #B815B0	RGB 184 21 176	#B815B0
33.3%	33.3% #C625B4	RGB 198 37 180	#C625B4
50.0%	50.0% #D435B8	RGB 212 53 184	#D435B8
66.7%	66.7% #E244BC	RGB 226 68 188	#E244BC
83.3%	83.3% #F054C0	RGB 240 84 192	#F054C0
100.0%	100.0% #FF64C5	RGB 255 100 197	#FF64C5

#AA06AC #B815B0 #C625B4 #D435B8 #E244BC #F054C0 #FF64C5

#AA06AC - #FF64C5

HSV Blend

#AA06AC - #FF64C5 | 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 #AA06AC as 0% and #FF64C5 as 100%.

0.0%	0.0% #A906AC	RGB 169 6 172	#A906AC
16.7%	16.7% #B911B1	RGB 185 17 177	#B911B1
33.3%	33.3% #C71EB3	RGB 199 30 179	#C71EB3
50.0%	50.0% #D52DB7	RGB 213 45 183	#D52DB7
66.7%	66.7% #E33EBA	RGB 227 62 186	#E33EBA
83.3%	83.3% #F150BF	RGB 241 80 191	#F150BF
100.0%	100.0% #FF64C5	RGB 255 100 197	#FF64C5

#A906AC #B911B1 #C71EB3 #D52DB7 #E33EBA #F150BF #FF64C5

#AA06AC - #D52DB7 - #FF64C5

CSS codes

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

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