#AA8FDF - #32229E | 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 #AA8FDF to #32229E

#AA8FDF #32229E

Calculate the color between two colors, #AA8FDF and #32229E. 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)

#AA8FDF - #32229E | 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 #AA8FDF as 0% and #32229E as 100%.

0.0%	0.0% #AA8FDF	RGB 170 143 223	#AA8FDF
16.7%	16.7% #967CD4	RGB 150 124 212	#967CD4
33.3%	33.3% #826AC9	RGB 130 106 201	#826AC9
50.0%	50.0% #6E58BE	RGB 110 88 190	#6E58BE
66.7%	66.7% #5A46B3	RGB 90 70 179	#5A46B3
83.3%	83.3% #4634A8	RGB 70 52 168	#4634A8
100.0%	100.0% #32229E	RGB 50 34 158	#32229E

#AA8FDF #967CD4 #826AC9 #6E58BE #5A46B3 #4634A8 #32229E

#AA8FDF - #32229E

HSV Blend

#AA8FDF - #32229E | 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 #AA8FDF as 0% and #32229E as 100%.

0.0%	0.0% #AA8FDF	RGB 170 143 223	#AA8FDF
16.7%	16.7% #9478D4	RGB 148 120 212	#9478D4
33.3%	33.3% #7F64C9	RGB 127 100 201	#7F64C9
50.0%	50.0% #6A51BE	RGB 106 81 190	#6A51BE
66.7%	66.7% #5740B3	RGB 87 64 179	#5740B3
83.3%	83.3% #4430A8	RGB 68 48 168	#4430A8
100.0%	100.0% #32229E	RGB 50 34 158	#32229E

#AA8FDF #9478D4 #7F64C9 #6A51BE #5740B3 #4430A8 #32229E

#AA8FDF - #6A51BE - #32229E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8FDF 0%, #6A51BE 50%, #32229E 100%);
    background: -webkit-linear-gradient(top, #AA8FDF 0%, #6A51BE 50%, #32229E 100%);
    background: linear-gradient(to bottom, #AA8FDF 0%, #6A51BE 50%, #32229E 100%);
}
</style>