#8B008B - #EA49A0 | 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 #8B008B to #EA49A0

#8B008B #EA49A0

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

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

0.0%	0.0% #8B008B	RGB 139 0 139	#8B008B
16.7%	16.7% #9A0C8E	RGB 154 12 142	#9A0C8E
33.3%	33.3% #AA1892	RGB 170 24 146	#AA1892
50.0%	50.0% #BA2495	RGB 186 36 149	#BA2495
66.7%	66.7% #CA3099	RGB 202 48 153	#CA3099
83.3%	83.3% #DA3C9C	RGB 218 60 156	#DA3C9C
100.0%	100.0% #EA49A0	RGB 234 73 160	#EA49A0

#8B008B #9A0C8E #AA1892 #BA2495 #CA3099 #DA3C9C #EA49A0

#8B008B - #EA49A0

HSV Blend

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

0.0%	0.0% #8A008B	RGB 138 0 139	#8A008B
16.7%	16.7% #9A088F	RGB 154 8 143	#9A088F
33.3%	33.3% #AA1193	RGB 170 17 147	#AA1193
50.0%	50.0% #BA1D96	RGB 186 29 150	#BA1D96
66.7%	66.7% #CA2A99	RGB 202 42 153	#CA2A99
83.3%	83.3% #DA389C	RGB 218 56 156	#DA389C
100.0%	100.0% #EA49A0	RGB 234 73 160	#EA49A0

#8A008B #9A088F #AA1193 #BA1D96 #CA2A99 #DA389C #EA49A0

#8B008B - #BA1D96 - #EA49A0

CSS codes

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

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