#804576 - #E56C94 | 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 #804576 to #E56C94

#804576 #E56C94

Calculate the color between two colors, #804576 and #E56C94. 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)

#804576 - #E56C94 | 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 #804576 as 0% and #E56C94 as 100%.

0.0%	0.0% #804576	RGB 128 69 118	#804576
16.7%	16.7% #904B7B	RGB 144 75 123	#904B7B
33.3%	33.3% #A15280	RGB 161 82 128	#A15280
50.0%	50.0% #B25885	RGB 178 88 133	#B25885
66.7%	66.7% #C35F8A	RGB 195 95 138	#C35F8A
83.3%	83.3% #D4658F	RGB 212 101 143	#D4658F
100.0%	100.0% #E56C94	RGB 229 108 148	#E56C94

#804576 #904B7B #A15280 #B25885 #C35F8A #D4658F #E56C94

#804576 - #E56C94

HSV Blend

#804576 - #E56C94 | 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 #804576 as 0% and #E56C94 as 100%.

0.0%	0.0% #804576	RGB 128 69 118	#804576
16.7%	16.7% #904C7F	RGB 144 76 127	#904C7F
33.3%	33.3% #A15387	RGB 161 83 135	#A15387
50.0%	50.0% #B25A8D	RGB 178 90 141	#B25A8D
66.7%	66.7% #C36091	RGB 195 96 145	#C36091
83.3%	83.3% #D46693	RGB 212 102 147	#D46693
100.0%	100.0% #E56C94	RGB 229 108 148	#E56C94

#804576 #904C7F #A15387 #B25A8D #C36091 #D46693 #E56C94

#804576 - #B25A8D - #E56C94

CSS codes

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

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