#AEA2FF - #662DCD | 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 #AEA2FF to #662DCD

#AEA2FF #662DCD

Calculate the color between two colors, #AEA2FF and #662DCD. 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)

#AEA2FF - #662DCD | 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 #AEA2FF as 0% and #662DCD as 100%.

0.0%	0.0% #AEA2FF	RGB 174 162 255	#AEA2FF
16.7%	16.7% #A28EF6	RGB 162 142 246	#A28EF6
33.3%	33.3% #967BEE	RGB 150 123 238	#967BEE
50.0%	50.0% #8A67E6	RGB 138 103 230	#8A67E6
66.7%	66.7% #7E54DD	RGB 126 84 221	#7E54DD
83.3%	83.3% #7240D5	RGB 114 64 213	#7240D5
100.0%	100.0% #662DCD	RGB 102 45 205	#662DCD

#AEA2FF #A28EF6 #967BEE #8A67E6 #7E54DD #7240D5 #662DCD

#AEA2FF - #662DCD

HSV Blend

#AEA2FF - #662DCD | 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 #AEA2FF as 0% and #662DCD as 100%.

0.0%	0.0% #AEA2FF	RGB 174 162 255	#AEA2FF
16.7%	16.7% #9D8BF6	RGB 157 139 246	#9D8BF6
33.3%	33.3% #8E76EE	RGB 142 118 238	#8E76EE
50.0%	50.0% #8262E6	RGB 130 98 230	#8262E6
66.7%	66.7% #774FDD	RGB 119 79 221	#774FDD
83.3%	83.3% #6D3DD5	RGB 109 61 213	#6D3DD5
100.0%	100.0% #662DCD	RGB 102 45 205	#662DCD

#AEA2FF #9D8BF6 #8E76EE #8262E6 #774FDD #6D3DD5 #662DCD

#AEA2FF - #8262E6 - #662DCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEA2FF 0%, #8262E6 50%, #662DCD 100%);
    background: -webkit-linear-gradient(top, #AEA2FF 0%, #8262E6 50%, #662DCD 100%);
    background: linear-gradient(to bottom, #AEA2FF 0%, #8262E6 50%, #662DCD 100%);
}
</style>