#AA9ECC - #613C84 | 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 #AA9ECC to #613C84

#AA9ECC #613C84

Calculate the color between two colors, #AA9ECC and #613C84. 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)

#AA9ECC - #613C84 | 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 #AA9ECC as 0% and #613C84 as 100%.

0.0%	0.0% #AA9ECC	RGB 170 158 204	#AA9ECC
16.7%	16.7% #9D8DC0	RGB 157 141 192	#9D8DC0
33.3%	33.3% #917DB4	RGB 145 125 180	#917DB4
50.0%	50.0% #856DA8	RGB 133 109 168	#856DA8
66.7%	66.7% #795C9C	RGB 121 92 156	#795C9C
83.3%	83.3% #6D4C90	RGB 109 76 144	#6D4C90
100.0%	100.0% #613C84	RGB 97 60 132	#613C84

#AA9ECC #9D8DC0 #917DB4 #856DA8 #795C9C #6D4C90 #613C84

#AA9ECC - #613C84

HSV Blend

#AA9ECC - #613C84 | 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 #AA9ECC as 0% and #613C84 as 100%.

0.0%	0.0% #AA9ECC	RGB 170 158 204	#AA9ECC
16.7%	16.7% #9A8AC0	RGB 154 138 192	#9A8AC0
33.3%	33.3% #8C78B4	RGB 140 120 180	#8C78B4
50.0%	50.0% #8067A8	RGB 128 103 168	#8067A8
66.7%	66.7% #74579C	RGB 116 87 156	#74579C
83.3%	83.3% #6A4990	RGB 106 73 144	#6A4990
100.0%	100.0% #613C84	RGB 97 60 132	#613C84

#AA9ECC #9A8AC0 #8C78B4 #8067A8 #74579C #6A4990 #613C84

#AA9ECC - #8067A8 - #613C84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9ECC 0%, #8067A8 50%, #613C84 100%);
    background: -webkit-linear-gradient(top, #AA9ECC 0%, #8067A8 50%, #613C84 100%);
    background: linear-gradient(to bottom, #AA9ECC 0%, #8067A8 50%, #613C84 100%);
}
</style>