#ECE5F7 - #FEFAFC | 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 #ECE5F7 to #FEFAFC

#ECE5F7 #FEFAFC

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

#ECE5F7 - #FEFAFC | 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 #ECE5F7 as 0% and #FEFAFC as 100%.

0.0%	0.0% #ECE5F7	RGB 236 229 247	#ECE5F7
16.7%	16.7% #EFE8F7	RGB 239 232 247	#EFE8F7
33.3%	33.3% #F2ECF8	RGB 242 236 248	#F2ECF8
50.0%	50.0% #F5EFF9	RGB 245 239 249	#F5EFF9
66.7%	66.7% #F8F3FA	RGB 248 243 250	#F8F3FA
83.3%	83.3% #FBF6FB	RGB 251 246 251	#FBF6FB
100.0%	100.0% #FEFAFC	RGB 254 250 252	#FEFAFC

#ECE5F7 #EFE8F7 #F2ECF8 #F5EFF9 #F8F3FA #FBF6FB #FEFAFC

#ECE5F7 - #FEFAFC

HSV Blend

#ECE5F7 - #FEFAFC | 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 #ECE5F7 as 0% and #FEFAFC as 100%.

0.0%	0.0% #ECE5F7	RGB 236 229 247	#ECE5F7
16.7%	16.7% #F1E8F8	RGB 241 232 248	#F1E8F8
33.3%	33.3% #F6EBF9	RGB 246 235 249	#F6EBF9
50.0%	50.0% #F9EFFA	RGB 249 239 250	#F9EFFA
66.7%	66.7% #FBF2FA	RGB 251 242 250	#FBF2FA
83.3%	83.3% #FCF6FA	RGB 252 246 250	#FCF6FA
100.0%	100.0% #FEFAFC	RGB 254 250 252	#FEFAFC

#ECE5F7 #F1E8F8 #F6EBF9 #F9EFFA #FBF2FA #FCF6FA #FEFAFC

#ECE5F7 - #F9EFFA - #FEFAFC

CSS codes

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

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