#EDC3E4 - #FCFCFE | 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 #EDC3E4 to #FCFCFE

#EDC3E4 #FCFCFE

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

#EDC3E4 - #FCFCFE | 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 #EDC3E4 as 0% and #FCFCFE as 100%.

0.0%	0.0% #EDC3E4	RGB 237 195 228	#EDC3E4
16.7%	16.7% #EFCCE8	RGB 239 204 232	#EFCCE8
33.3%	33.3% #F2D6EC	RGB 242 214 236	#F2D6EC
50.0%	50.0% #F4DFF1	RGB 244 223 241	#F4DFF1
66.7%	66.7% #F7E9F5	RGB 247 233 245	#F7E9F5
83.3%	83.3% #F9F2F9	RGB 249 242 249	#F9F2F9
100.0%	100.0% #FCFCFE	RGB 252 252 254	#FCFCFE

#EDC3E4 #EFCCE8 #F2D6EC #F4DFF1 #F7E9F5 #F9F2F9 #FCFCFE

#EDC3E4 - #FCFCFE

HSV Blend

#EDC3E4 - #FCFCFE | 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 #EDC3E4 as 0% and #FCFCFE as 100%.

0.0%	0.0% #EDC3E4	RGB 237 195 228	#EDC3E4
16.7%	16.7% #EFCCEF	RGB 239 204 239	#EFCCEF
33.3%	33.3% #EDD5F2	RGB 237 213 242	#EDD5F2
50.0%	50.0% #ECDEF5	RGB 236 222 245	#ECDEF5
66.7%	66.7% #EEE8F8	RGB 238 232 248	#EEE8F8
83.3%	83.3% #F3F2FB	RGB 243 242 251	#F3F2FB
100.0%	100.0% #FCFCFE	RGB 252 252 254	#FCFCFE

#EDC3E4 #EFCCEF #EDD5F2 #ECDEF5 #EEE8F8 #F3F2FB #FCFCFE

#EDC3E4 - #ECDEF5 - #FCFCFE

CSS codes

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

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