#EC5BC5 - #FCD3ED | 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 #EC5BC5 to #FCD3ED

#EC5BC5 #FCD3ED

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

#EC5BC5 - #FCD3ED | 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 #EC5BC5 as 0% and #FCD3ED as 100%.

0.0%	0.0% #EC5BC5	RGB 236 91 197	#EC5BC5
16.7%	16.7% #EE6FCB	RGB 238 111 203	#EE6FCB
33.3%	33.3% #F183D2	RGB 241 131 210	#F183D2
50.0%	50.0% #F497D9	RGB 244 151 217	#F497D9
66.7%	66.7% #F6ABDF	RGB 246 171 223	#F6ABDF
83.3%	83.3% #F9BFE6	RGB 249 191 230	#F9BFE6
100.0%	100.0% #FCD3ED	RGB 252 211 237	#FCD3ED

#EC5BC5 #EE6FCB #F183D2 #F497D9 #F6ABDF #F9BFE6 #FCD3ED

#EC5BC5 - #FCD3ED

HSV Blend

#EC5BC5 - #FCD3ED | 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 #EC5BC5 as 0% and #FCD3ED as 100%.

0.0%	0.0% #EC5AC5	RGB 236 90 197	#EC5AC5
16.7%	16.7% #EE6DC9	RGB 238 109 201	#EE6DC9
33.3%	33.3% #F181CF	RGB 241 129 207	#F181CF
50.0%	50.0% #F495D5	RGB 244 149 213	#F495D5
66.7%	66.7% #F6A9DC	RGB 246 169 220	#F6A9DC
83.3%	83.3% #F9BDE4	RGB 249 189 228	#F9BDE4
100.0%	100.0% #FCD3ED	RGB 252 211 237	#FCD3ED

#EC5AC5 #EE6DC9 #F181CF #F495D5 #F6A9DC #F9BDE4 #FCD3ED

#EC5BC5 - #F495D5 - #FCD3ED

CSS codes

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

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