#AA7EB6 - #532668 | 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 #AA7EB6 to #532668

#AA7EB6 #532668

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

#AA7EB6 - #532668 | 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 #AA7EB6 as 0% and #532668 as 100%.

0.0%	0.0% #AA7EB6	RGB 170 126 182	#AA7EB6
16.7%	16.7% #9B6FA9	RGB 155 111 169	#9B6FA9
33.3%	33.3% #8D609C	RGB 141 96 156	#8D609C
50.0%	50.0% #7E528F	RGB 126 82 143	#7E528F
66.7%	66.7% #704382	RGB 112 67 130	#704382
83.3%	83.3% #613475	RGB 97 52 117	#613475
100.0%	100.0% #532668	RGB 83 38 104	#532668

#AA7EB6 #9B6FA9 #8D609C #7E528F #704382 #613475 #532668

#AA7EB6 - #532668

HSV Blend

#AA7EB6 - #532668 | 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 #AA7EB6 as 0% and #532668 as 100%.

0.0%	0.0% #AA7EB6	RGB 170 126 182	#AA7EB6
16.7%	16.7% #9A6BA9	RGB 154 107 169	#9A6BA9
33.3%	33.3% #8B5B9C	RGB 139 91 156	#8B5B9C
50.0%	50.0% #7D4B8F	RGB 125 75 143	#7D4B8F
66.7%	66.7% #6E3D82	RGB 110 61 130	#6E3D82
83.3%	83.3% #603175	RGB 96 49 117	#603175
100.0%	100.0% #532668	RGB 83 38 104	#532668

#AA7EB6 #9A6BA9 #8B5B9C #7D4B8F #6E3D82 #603175 #532668

#AA7EB6 - #7D4B8F - #532668

CSS codes

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

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