#E5A1EB - #8C33AF | 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 #E5A1EB to #8C33AF

#E5A1EB #8C33AF

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

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

0.0%	0.0% #E5A1EB	RGB 229 161 235	#E5A1EB
16.7%	16.7% #D68EE1	RGB 214 142 225	#D68EE1
33.3%	33.3% #C77CD7	RGB 199 124 215	#C77CD7
50.0%	50.0% #B86ACD	RGB 184 106 205	#B86ACD
66.7%	66.7% #A957C3	RGB 169 87 195	#A957C3
83.3%	83.3% #9A45B9	RGB 154 69 185	#9A45B9
100.0%	100.0% #8C33AF	RGB 140 51 175	#8C33AF

#E5A1EB #D68EE1 #C77CD7 #B86ACD #A957C3 #9A45B9 #8C33AF

#E5A1EB - #8C33AF

HSV Blend

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

0.0%	0.0% #E5A1EB	RGB 229 161 235	#E5A1EB
16.7%	16.7% #D78BE1	RGB 215 139 225	#D78BE1
33.3%	33.3% #C877D7	RGB 200 119 215	#C877D7
50.0%	50.0% #B964CD	RGB 185 100 205	#B964CD
66.7%	66.7% #AA52C3	RGB 170 82 195	#AA52C3
83.3%	83.3% #9B42B9	RGB 155 66 185	#9B42B9
100.0%	100.0% #8C33AF	RGB 140 51 175	#8C33AF

#E5A1EB #D78BE1 #C877D7 #B964CD #AA52C3 #9B42B9 #8C33AF

#E5A1EB - #B964CD - #8C33AF

CSS codes

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

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