#ECC2E4 - #FDFCFB | 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 #ECC2E4 to #FDFCFB

#ECC2E4 #FDFCFB

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

#ECC2E4 - #FDFCFB | 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 #ECC2E4 as 0% and #FDFCFB as 100%.

0.0%	0.0% #ECC2E4	RGB 236 194 228	#ECC2E4
16.7%	16.7% #EECBE7	RGB 238 203 231	#EECBE7
33.3%	33.3% #F1D5EB	RGB 241 213 235	#F1D5EB
50.0%	50.0% #F4DFEF	RGB 244 223 239	#F4DFEF
66.7%	66.7% #F7E8F3	RGB 247 232 243	#F7E8F3
83.3%	83.3% #FAF2F7	RGB 250 242 247	#FAF2F7
100.0%	100.0% #FDFCFB	RGB 253 252 251	#FDFCFB

#ECC2E4 #EECBE7 #F1D5EB #F4DFEF #F7E8F3 #FAF2F7 #FDFCFB

#ECC2E4 - #FDFCFB

HSV Blend

#ECC2E4 - #FDFCFB | 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 #ECC2E4 as 0% and #FDFCFB as 100%.

0.0%	0.0% #ECC2E4	RGB 236 194 228	#ECC2E4
16.7%	16.7% #EECBE0	RGB 238 203 224	#EECBE0
33.3%	33.3% #F1D4DF	RGB 241 212 223	#F1D4DF
50.0%	50.0% #F4DDE1	RGB 244 221 225	#F4DDE1
66.7%	66.7% #F7E8E7	RGB 247 232 231	#F7E8E7
83.3%	83.3% #FAF3F1	RGB 250 243 241	#FAF3F1
100.0%	100.0% #FDFCFB	RGB 253 252 251	#FDFCFB

#ECC2E4 #EECBE0 #F1D4DF #F4DDE1 #F7E8E7 #FAF3F1 #FDFCFB

#ECC2E4 - #F4DDE1 - #FDFCFB

CSS codes

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

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