#E54E6C - #41161E | 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 #E54E6C to #41161E

#E54E6C #41161E

Calculate the color between two colors, #E54E6C and #41161E. 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)

#E54E6C - #41161E | 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 #E54E6C as 0% and #41161E as 100%.

0.0%	0.0% #E54E6C	RGB 229 78 108	#E54E6C
16.7%	16.7% #C9445F	RGB 201 68 95	#C9445F
33.3%	33.3% #AE3B52	RGB 174 59 82	#AE3B52
50.0%	50.0% #933245	RGB 147 50 69	#933245
66.7%	66.7% #772838	RGB 119 40 56	#772838
83.3%	83.3% #5C1F2B	RGB 92 31 43	#5C1F2B
100.0%	100.0% #41161E	RGB 65 22 30	#41161E

#E54E6C #C9445F #AE3B52 #933245 #772838 #5C1F2B #41161E

#E54E6C - #41161E

HSV Blend

#E54E6C - #41161E | 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 #E54E6C as 0% and #41161E as 100%.

0.0%	0.0% #E54E6C	RGB 229 78 108	#E54E6C
16.7%	16.7% #C9445E	RGB 201 68 94	#C9445E
33.3%	33.3% #AE3B51	RGB 174 59 81	#AE3B51
50.0%	50.0% #933144	RGB 147 49 68	#933144
66.7%	66.7% #772837	RGB 119 40 55	#772837
83.3%	83.3% #5C1F2A	RGB 92 31 42	#5C1F2A
100.0%	100.0% #41161E	RGB 65 22 30	#41161E

#E54E6C #C9445E #AE3B51 #933144 #772837 #5C1F2A #41161E

#E54E6C - #933144 - #41161E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E54E6C 0%, #933144 50%, #41161E 100%);
    background: -webkit-linear-gradient(top, #E54E6C 0%, #933144 50%, #41161E 100%);
    background: linear-gradient(to bottom, #E54E6C 0%, #933144 50%, #41161E 100%);
}
</style>