#AA5EAB - #480F5A | 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 #AA5EAB to #480F5A

#AA5EAB #480F5A

Calculate the color between two colors, #AA5EAB and #480F5A. 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)

#AA5EAB - #480F5A | 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 #AA5EAB as 0% and #480F5A as 100%.

0.0%	0.0% #AA5EAB	RGB 170 94 171	#AA5EAB
16.7%	16.7% #99509D	RGB 153 80 157	#99509D
33.3%	33.3% #894390	RGB 137 67 144	#894390
50.0%	50.0% #793682	RGB 121 54 130	#793682
66.7%	66.7% #682975	RGB 104 41 117	#682975
83.3%	83.3% #581C67	RGB 88 28 103	#581C67
100.0%	100.0% #480F5A	RGB 72 15 90	#480F5A

#AA5EAB #99509D #894390 #793682 #682975 #581C67 #480F5A

#AA5EAB - #480F5A

HSV Blend

#AA5EAB - #480F5A | 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 #AA5EAB as 0% and #480F5A as 100%.

0.0%	0.0% #AA5EAB	RGB 170 94 171	#AA5EAB
16.7%	16.7% #994C9D	RGB 153 76 157	#994C9D
33.3%	33.3% #883C90	RGB 136 60 144	#883C90
50.0%	50.0% #772E82	RGB 119 46 130	#772E82
66.7%	66.7% #672275	RGB 103 34 117	#672275
83.3%	83.3% #571767	RGB 87 23 103	#571767
100.0%	100.0% #480F5A	RGB 72 15 90	#480F5A

#AA5EAB #994C9D #883C90 #772E82 #672275 #571767 #480F5A

#AA5EAB - #772E82 - #480F5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5EAB 0%, #772E82 50%, #480F5A 100%);
    background: -webkit-linear-gradient(top, #AA5EAB 0%, #772E82 50%, #480F5A 100%);
    background: linear-gradient(to bottom, #AA5EAB 0%, #772E82 50%, #480F5A 100%);
}
</style>