#EC4DBC - #FFC7E4 | 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 #EC4DBC to #FFC7E4

#EC4DBC #FFC7E4

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

#EC4DBC - #FFC7E4 | 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 #EC4DBC as 0% and #FFC7E4 as 100%.

0.0%	0.0% #EC4DBC	RGB 236 77 188	#EC4DBC
16.7%	16.7% #EF61C2	RGB 239 97 194	#EF61C2
33.3%	33.3% #F275C9	RGB 242 117 201	#F275C9
50.0%	50.0% #F58AD0	RGB 245 138 208	#F58AD0
66.7%	66.7% #F89ED6	RGB 248 158 214	#F89ED6
83.3%	83.3% #FBB2DD	RGB 251 178 221	#FBB2DD
100.0%	100.0% #FFC7E4	RGB 255 199 228	#FFC7E4

#EC4DBC #EF61C2 #F275C9 #F58AD0 #F89ED6 #FBB2DD #FFC7E4

#EC4DBC - #FFC7E4

HSV Blend

#EC4DBC - #FFC7E4 | 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 #EC4DBC as 0% and #FFC7E4 as 100%.

0.0%	0.0% #EC4DBC	RGB 236 77 188	#EC4DBC
16.7%	16.7% #EF60BF	RGB 239 96 191	#EF60BF
33.3%	33.3% #F273C4	RGB 242 115 196	#F273C4
50.0%	50.0% #F587CA	RGB 245 135 202	#F587CA
66.7%	66.7% #F89CD1	RGB 248 156 209	#F89CD1
83.3%	83.3% #FBB1DA	RGB 251 177 218	#FBB1DA
100.0%	100.0% #FFC7E4	RGB 255 199 228	#FFC7E4

#EC4DBC #EF60BF #F273C4 #F587CA #F89CD1 #FBB1DA #FFC7E4

#EC4DBC - #F587CA - #FFC7E4

CSS codes

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

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