#AA9FAA - #ACB6E5 | 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 #AA9FAA to #ACB6E5

#AA9FAA #ACB6E5

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

#AA9FAA - #ACB6E5 | 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 #AA9FAA as 0% and #ACB6E5 as 100%.

0.0%	0.0% #AA9FAA	RGB 170 159 170	#AA9FAA
16.7%	16.7% #AAA2B3	RGB 170 162 179	#AAA2B3
33.3%	33.3% #AAA6BD	RGB 170 166 189	#AAA6BD
50.0%	50.0% #ABAAC7	RGB 171 170 199	#ABAAC7
66.7%	66.7% #ABAED1	RGB 171 174 209	#ABAED1
83.3%	83.3% #ABB2DB	RGB 171 178 219	#ABB2DB
100.0%	100.0% #ACB6E5	RGB 172 182 229	#ACB6E5

#AA9FAA #AAA2B3 #AAA6BD #ABAAC7 #ABAED1 #ABB2DB #ACB6E5

#AA9FAA - #ACB6E5

HSV Blend

#AA9FAA - #ACB6E5 | 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 #AA9FAA as 0% and #ACB6E5 as 100%.

0.0%	0.0% #AA9FAA	RGB 170 159 170	#AA9FAA
16.7%	16.7% #B0A2B3	RGB 176 162 179	#B0A2B3
33.3%	33.3% #B4A5BD	RGB 180 165 189	#B4A5BD
50.0%	50.0% #B5A8C7	RGB 181 168 199	#B5A8C7
66.7%	66.7% #B2AAD1	RGB 178 170 209	#B2AAD1
83.3%	83.3% #ACABDB	RGB 172 171 219	#ACABDB
100.0%	100.0% #ACB6E5	RGB 172 182 229	#ACB6E5

#AA9FAA #B0A2B3 #B4A5BD #B5A8C7 #B2AAD1 #ACABDB #ACB6E5

#AA9FAA - #B5A8C7 - #ACB6E5

CSS codes

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

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