#E5A2E5 - #8B38A6 | 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 #E5A2E5 to #8B38A6

#E5A2E5 #8B38A6

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

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

0.0%	0.0% #E5A2E5	RGB 229 162 229	#E5A2E5
16.7%	16.7% #D690DA	RGB 214 144 218	#D690DA
33.3%	33.3% #C77ED0	RGB 199 126 208	#C77ED0
50.0%	50.0% #B86DC5	RGB 184 109 197	#B86DC5
66.7%	66.7% #A95BBB	RGB 169 91 187	#A95BBB
83.3%	83.3% #9A49B0	RGB 154 73 176	#9A49B0
100.0%	100.0% #8B38A6	RGB 139 56 166	#8B38A6

#E5A2E5 #D690DA #C77ED0 #B86DC5 #A95BBB #9A49B0 #8B38A6

#E5A2E5 - #8B38A6

HSV Blend

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

0.0%	0.0% #E5A2E5	RGB 229 162 229	#E5A2E5
16.7%	16.7% #D78DDA	RGB 215 141 218	#D78DDA
33.3%	33.3% #C879D0	RGB 200 121 208	#C879D0
50.0%	50.0% #B967C5	RGB 185 103 197	#B967C5
66.7%	66.7% #AA56BB	RGB 170 86 187	#AA56BB
83.3%	83.3% #9A46B0	RGB 154 70 176	#9A46B0
100.0%	100.0% #8B38A6	RGB 139 56 166	#8B38A6

#E5A2E5 #D78DDA #C879D0 #B967C5 #AA56BB #9A46B0 #8B38A6

#E5A2E5 - #B967C5 - #8B38A6

CSS codes

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

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