#AA9CEC - #5E2FAF | 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 #AA9CEC to #5E2FAF

#AA9CEC #5E2FAF

Calculate the color between two colors, #AA9CEC and #5E2FAF. 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)

#AA9CEC - #5E2FAF | 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 #AA9CEC as 0% and #5E2FAF as 100%.

0.0%	0.0% #AA9CEC	RGB 170 156 236	#AA9CEC
16.7%	16.7% #9D89E1	RGB 157 137 225	#9D89E1
33.3%	33.3% #9077D7	RGB 144 119 215	#9077D7
50.0%	50.0% #8465CD	RGB 132 101 205	#8465CD
66.7%	66.7% #7753C3	RGB 119 83 195	#7753C3
83.3%	83.3% #6A41B9	RGB 106 65 185	#6A41B9
100.0%	100.0% #5E2FAF	RGB 94 47 175	#5E2FAF

#AA9CEC #9D89E1 #9077D7 #8465CD #7753C3 #6A41B9 #5E2FAF

#AA9CEC - #5E2FAF

HSV Blend

#AA9CEC - #5E2FAF | 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 #AA9CEC as 0% and #5E2FAF as 100%.

0.0%	0.0% #AA9CEC	RGB 170 156 236	#AA9CEC
16.7%	16.7% #9986E1	RGB 153 134 225	#9986E1
33.3%	33.3% #8A72D7	RGB 138 114 215	#8A72D7
50.0%	50.0% #7D5FCD	RGB 125 95 205	#7D5FCD
66.7%	66.7% #714EC3	RGB 113 78 195	#714EC3
83.3%	83.3% #673DB9	RGB 103 61 185	#673DB9
100.0%	100.0% #5E2FAF	RGB 94 47 175	#5E2FAF

#AA9CEC #9986E1 #8A72D7 #7D5FCD #714EC3 #673DB9 #5E2FAF

#AA9CEC - #7D5FCD - #5E2FAF

CSS codes

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

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