#E587CF - #41263B | 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 #E587CF to #41263B

#E587CF #41263B

Calculate the color between two colors, #E587CF and #41263B. 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)

#E587CF - #41263B | 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 #E587CF as 0% and #41263B as 100%.

0.0%	0.0% #E587CF	RGB 229 135 207	#E587CF
16.7%	16.7% #C976B6	RGB 201 118 182	#C976B6
33.3%	33.3% #AE669D	RGB 174 102 157	#AE669D
50.0%	50.0% #935685	RGB 147 86 133	#935685
66.7%	66.7% #77466C	RGB 119 70 108	#77466C
83.3%	83.3% #5C3653	RGB 92 54 83	#5C3653
100.0%	100.0% #41263B	RGB 65 38 59	#41263B

#E587CF #C976B6 #AE669D #935685 #77466C #5C3653 #41263B

#E587CF - #41263B

HSV Blend

#E587CF - #41263B | 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 #E587CF as 0% and #41263B as 100%.

0.0%	0.0% #E587CF	RGB 229 135 207	#E587CF
16.7%	16.7% #C976B6	RGB 201 118 182	#C976B6
33.3%	33.3% #AE669D	RGB 174 102 157	#AE669D
50.0%	50.0% #935685	RGB 147 86 133	#935685
66.7%	66.7% #77466C	RGB 119 70 108	#77466C
83.3%	83.3% #5C3653	RGB 92 54 83	#5C3653
100.0%	100.0% #41263B	RGB 65 38 59	#41263B

#E587CF #C976B6 #AE669D #935685 #77466C #5C3653 #41263B

#E587CF - #935685 - #41263B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E587CF 0%, #935685 50%, #41263B 100%);
    background: -webkit-linear-gradient(top, #E587CF 0%, #935685 50%, #41263B 100%);
    background: linear-gradient(to bottom, #E587CF 0%, #935685 50%, #41263B 100%);
}
</style>