#E2338B - #8F004C | 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 #E2338B to #8F004C

#E2338B #8F004C

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

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

0.0%	0.0% #E2338B	RGB 226 51 139	#E2338B
16.7%	16.7% #D42A80	RGB 212 42 128	#D42A80
33.3%	33.3% #C62276	RGB 198 34 118	#C62276
50.0%	50.0% #B8196B	RGB 184 25 107	#B8196B
66.7%	66.7% #AA1161	RGB 170 17 97	#AA1161
83.3%	83.3% #9C0856	RGB 156 8 86	#9C0856
100.0%	100.0% #8F004C	RGB 143 0 76	#8F004C

#E2338B #D42A80 #C62276 #B8196B #AA1161 #9C0856 #8F004C

#E2338B - #8F004C

HSV Blend

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

0.0%	0.0% #E2338A	RGB 226 51 138	#E2338A
16.7%	16.7% #D4277F	RGB 212 39 127	#D4277F
33.3%	33.3% #C61D74	RGB 198 29 116	#C61D74
50.0%	50.0% #B81469	RGB 184 20 105	#B81469
66.7%	66.7% #AA0C5F	RGB 170 12 95	#AA0C5F
83.3%	83.3% #9C0555	RGB 156 5 85	#9C0555
100.0%	100.0% #8F004C	RGB 143 0 76	#8F004C

#E2338A #D4277F #C61D74 #B81469 #AA0C5F #9C0555 #8F004C

#E2338B - #B81469 - #8F004C

CSS codes

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

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