#E035B5 - #8D006A | 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 #E035B5 to #8D006A

#E035B5 #8D006A

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

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

0.0%	0.0% #E035B5	RGB 224 53 181	#E035B5
16.7%	16.7% #D22CA8	RGB 210 44 168	#D22CA8
33.3%	33.3% #C4239C	RGB 196 35 156	#C4239C
50.0%	50.0% #B61A8F	RGB 182 26 143	#B61A8F
66.7%	66.7% #A81183	RGB 168 17 131	#A81183
83.3%	83.3% #9A0876	RGB 154 8 118	#9A0876
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#E035B5 #D22CA8 #C4239C #B61A8F #A81183 #9A0876 #8D006A

#E035B5 - #8D006A

HSV Blend

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

0.0%	0.0% #E035B5	RGB 224 53 181	#E035B5
16.7%	16.7% #D229A7	RGB 210 41 167	#D229A7
33.3%	33.3% #C41E9A	RGB 196 30 154	#C41E9A
50.0%	50.0% #B6158E	RGB 182 21 142	#B6158E
66.7%	66.7% #A80D81	RGB 168 13 129	#A80D81
83.3%	83.3% #9A0675	RGB 154 6 117	#9A0675
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#E035B5 #D229A7 #C41E9A #B6158E #A80D81 #9A0675 #8D006A

#E035B5 - #B6158E - #8D006A

CSS codes

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

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