#E2A2FF - #8A29CE | 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 #E2A2FF to #8A29CE

#E2A2FF #8A29CE

Calculate the color between two colors, #E2A2FF and #8A29CE. 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)

#E2A2FF - #8A29CE | 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 #E2A2FF as 0% and #8A29CE as 100%.

0.0%	0.0% #E2A2FF	RGB 226 162 255	#E2A2FF
16.7%	16.7% #D38DF6	RGB 211 141 246	#D38DF6
33.3%	33.3% #C479EE	RGB 196 121 238	#C479EE
50.0%	50.0% #B665E6	RGB 182 101 230	#B665E6
66.7%	66.7% #A751DE	RGB 167 81 222	#A751DE
83.3%	83.3% #983DD6	RGB 152 61 214	#983DD6
100.0%	100.0% #8A29CE	RGB 138 41 206	#8A29CE

#E2A2FF #D38DF6 #C479EE #B665E6 #A751DE #983DD6 #8A29CE

#E2A2FF - #8A29CE

HSV Blend

#E2A2FF - #8A29CE | 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 #E2A2FF as 0% and #8A29CE as 100%.

0.0%	0.0% #E2A2FF	RGB 226 162 255	#E2A2FF
16.7%	16.7% #D38AF6	RGB 211 138 246	#D38AF6
33.3%	33.3% #C474EE	RGB 196 116 238	#C474EE
50.0%	50.0% #B560E6	RGB 181 96 230	#B560E6
66.7%	66.7% #A74CDE	RGB 167 76 222	#A74CDE
83.3%	83.3% #983AD6	RGB 152 58 214	#983AD6
100.0%	100.0% #8A29CE	RGB 138 41 206	#8A29CE

#E2A2FF #D38AF6 #C474EE #B560E6 #A74CDE #983AD6 #8A29CE

#E2A2FF - #B560E6 - #8A29CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2A2FF 0%, #B560E6 50%, #8A29CE 100%);
    background: -webkit-linear-gradient(top, #E2A2FF 0%, #B560E6 50%, #8A29CE 100%);
    background: linear-gradient(to bottom, #E2A2FF 0%, #B560E6 50%, #8A29CE 100%);
}
</style>