#FF7ED7 - #ECF6FF | 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 #FF7ED7 to #ECF6FF

#FF7ED7 #ECF6FF

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

#FF7ED7 - #ECF6FF | 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 #FF7ED7 as 0% and #ECF6FF as 100%.

0.0%	0.0% #FF7ED7	RGB 255 126 215	#FF7ED7
16.7%	16.7% #FB92DD	RGB 251 146 221	#FB92DD
33.3%	33.3% #F8A6E4	RGB 248 166 228	#F8A6E4
50.0%	50.0% #F5BAEB	RGB 245 186 235	#F5BAEB
66.7%	66.7% #F2CEF1	RGB 242 206 241	#F2CEF1
83.3%	83.3% #EFE2F8	RGB 239 226 248	#EFE2F8
100.0%	100.0% #ECF6FF	RGB 236 246 255	#ECF6FF

#FF7ED7 #FB92DD #F8A6E4 #F5BAEB #F2CEF1 #EFE2F8 #ECF6FF

#FF7ED7 - #ECF6FF

HSV Blend

#FF7ED7 - #ECF6FF | 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 #FF7ED7 as 0% and #ECF6FF as 100%.

0.0%	0.0% #FF7ED7	RGB 255 126 215	#FF7ED7
16.7%	16.7% #FF90FE	RGB 255 144 254	#FF90FE
33.3%	33.3% #E3A2FF	RGB 227 162 255	#E3A2FF
50.0%	50.0% #D1B5FF	RGB 209 181 255	#D1B5FF
66.7%	66.7% #CCC7FF	RGB 204 199 255	#CCC7FF
83.3%	83.3% #D9E1FF	RGB 217 225 255	#D9E1FF
100.0%	100.0% #ECF6FF	RGB 236 246 255	#ECF6FF

#FF7ED7 #FF90FE #E3A2FF #D1B5FF #CCC7FF #D9E1FF #ECF6FF

#FF7ED7 - #D1B5FF - #ECF6FF

CSS codes

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

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