#EC98C2 - #BC2F76 | 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 #EC98C2 to #BC2F76

#EC98C2 #BC2F76

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

#EC98C2 - #BC2F76 | 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 #EC98C2 as 0% and #BC2F76 as 100%.

0.0%	0.0% #EC98C2	RGB 236 152 194	#EC98C2
16.7%	16.7% #E486B5	RGB 228 134 181	#E486B5
33.3%	33.3% #DC75A8	RGB 220 117 168	#DC75A8
50.0%	50.0% #D4639C	RGB 212 99 156	#D4639C
66.7%	66.7% #CC528F	RGB 204 82 143	#CC528F
83.3%	83.3% #C44082	RGB 196 64 130	#C44082
100.0%	100.0% #BC2F76	RGB 188 47 118	#BC2F76

#EC98C2 #E486B5 #DC75A8 #D4639C #CC528F #C44082 #BC2F76

#EC98C2 - #BC2F76

HSV Blend

#EC98C2 - #BC2F76 | 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 #EC98C2 as 0% and #BC2F76 as 100%.

0.0%	0.0% #EC98C2	RGB 236 152 194	#EC98C2
16.7%	16.7% #E483B3	RGB 228 131 179	#E483B3
33.3%	33.3% #DC70A6	RGB 220 112 166	#DC70A6
50.0%	50.0% #D45E99	RGB 212 94 153	#D45E99
66.7%	66.7% #CC4D8D	RGB 204 77 141	#CC4D8D
83.3%	83.3% #C43D81	RGB 196 61 129	#C43D81
100.0%	100.0% #BC2F76	RGB 188 47 118	#BC2F76

#EC98C2 #E483B3 #DC70A6 #D45E99 #CC4D8D #C43D81 #BC2F76

#EC98C2 - #D45E99 - #BC2F76

CSS codes

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

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