#AA5BAB - #470C5A | 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 #AA5BAB to #470C5A

#AA5BAB #470C5A

Calculate the color between two colors, #AA5BAB and #470C5A. 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)

#AA5BAB - #470C5A | 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 #AA5BAB as 0% and #470C5A as 100%.

0.0%	0.0% #AA5BAB	RGB 170 91 171	#AA5BAB
16.7%	16.7% #994D9D	RGB 153 77 157	#994D9D
33.3%	33.3% #894090	RGB 137 64 144	#894090
50.0%	50.0% #783382	RGB 120 51 130	#783382
66.7%	66.7% #682675	RGB 104 38 117	#682675
83.3%	83.3% #571967	RGB 87 25 103	#571967
100.0%	100.0% #470C5A	RGB 71 12 90	#470C5A

#AA5BAB #994D9D #894090 #783382 #682675 #571967 #470C5A

#AA5BAB - #470C5A

HSV Blend

#AA5BAB - #470C5A | 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 #AA5BAB as 0% and #470C5A as 100%.

0.0%	0.0% #AA5BAB	RGB 170 91 171	#AA5BAB
16.7%	16.7% #99499D	RGB 153 73 157	#99499D
33.3%	33.3% #883990	RGB 136 57 144	#883990
50.0%	50.0% #772B82	RGB 119 43 130	#772B82
66.7%	66.7% #661F75	RGB 102 31 117	#661F75
83.3%	83.3% #561467	RGB 86 20 103	#561467
100.0%	100.0% #470C5A	RGB 71 12 90	#470C5A

#AA5BAB #99499D #883990 #772B82 #661F75 #561467 #470C5A

#AA5BAB - #772B82 - #470C5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5BAB 0%, #772B82 50%, #470C5A 100%);
    background: -webkit-linear-gradient(top, #AA5BAB 0%, #772B82 50%, #470C5A 100%);
    background: linear-gradient(to bottom, #AA5BAB 0%, #772B82 50%, #470C5A 100%);
}
</style>