#804D8C - #EC92BE | 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 #804D8C to #EC92BE

#804D8C #EC92BE

Calculate the color between two colors, #804D8C and #EC92BE. 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)

#804D8C - #EC92BE | 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 #804D8C as 0% and #EC92BE as 100%.

0.0%	0.0% #804D8C	RGB 128 77 140	#804D8C
16.7%	16.7% #925894	RGB 146 88 148	#925894
33.3%	33.3% #A4649C	RGB 164 100 156	#A4649C
50.0%	50.0% #B66FA5	RGB 182 111 165	#B66FA5
66.7%	66.7% #C87BAD	RGB 200 123 173	#C87BAD
83.3%	83.3% #DA86B5	RGB 218 134 181	#DA86B5
100.0%	100.0% #EC92BE	RGB 236 146 190	#EC92BE

#804D8C #925894 #A4649C #B66FA5 #C87BAD #DA86B5 #EC92BE

#804D8C - #EC92BE

HSV Blend

#804D8C - #EC92BE | 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 #804D8C as 0% and #EC92BE as 100%.

0.0%	0.0% #7F4D8C	RGB 127 77 140	#7F4D8C
16.7%	16.7% #96579C	RGB 150 87 156	#96579C
33.3%	33.3% #AC62A8	RGB 172 98 168	#AC62A8
50.0%	50.0% #BC6DAF	RGB 188 109 175	#BC6DAF
66.7%	66.7% #CC79B5	RGB 204 121 181	#CC79B5
83.3%	83.3% #DC85B9	RGB 220 133 185	#DC85B9
100.0%	100.0% #EC92BE	RGB 236 146 190	#EC92BE

#7F4D8C #96579C #AC62A8 #BC6DAF #CC79B5 #DC85B9 #EC92BE

#804D8C - #BC6DAF - #EC92BE

CSS codes

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

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