#EEECED - #FAF2FC | 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 #EEECED to #FAF2FC

#EEECED #FAF2FC

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

#EEECED - #FAF2FC | 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 #EEECED as 0% and #FAF2FC as 100%.

0.0%	0.0% #EEECED	RGB 238 236 237	#EEECED
16.7%	16.7% #F0EDEF	RGB 240 237 239	#F0EDEF
33.3%	33.3% #F2EEF2	RGB 242 238 242	#F2EEF2
50.0%	50.0% #F4EFF4	RGB 244 239 244	#F4EFF4
66.7%	66.7% #F6F0F7	RGB 246 240 247	#F6F0F7
83.3%	83.3% #F8F1F9	RGB 248 241 249	#F8F1F9
100.0%	100.0% #FAF2FC	RGB 250 242 252	#FAF2FC

#EEECED #F0EDEF #F2EEF2 #F4EFF4 #F6F0F7 #F8F1F9 #FAF2FC

#EEECED - #FAF2FC

HSV Blend

#EEECED - #FAF2FC | 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 #EEECED as 0% and #FAF2FC as 100%.

0.0%	0.0% #EEECED	RGB 238 236 237	#EEECED
16.7%	16.7% #F0EDEF	RGB 240 237 239	#F0EDEF
33.3%	33.3% #F2EEF1	RGB 242 238 241	#F2EEF1
50.0%	50.0% #F5EFF4	RGB 245 239 244	#F5EFF4
66.7%	66.7% #F7F0F7	RGB 247 240 247	#F7F0F7
83.3%	83.3% #F8F1F9	RGB 248 241 249	#F8F1F9
100.0%	100.0% #FAF2FC	RGB 250 242 252	#FAF2FC

#EEECED #F0EDEF #F2EEF1 #F5EFF4 #F7F0F7 #F8F1F9 #FAF2FC

#EEECED - #F5EFF4 - #FAF2FC

CSS codes

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

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