#EEEFEC - #FEFDF7 | 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 #EEEFEC to #FEFDF7

#EEEFEC #FEFDF7

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

#EEEFEC - #FEFDF7 | 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 #EEEFEC as 0% and #FEFDF7 as 100%.

0.0%	0.0% #EEEFEC	RGB 238 239 236	#EEEFEC
16.7%	16.7% #F0F1ED	RGB 240 241 237	#F0F1ED
33.3%	33.3% #F3F3EF	RGB 243 243 239	#F3F3EF
50.0%	50.0% #F6F6F1	RGB 246 246 241	#F6F6F1
66.7%	66.7% #F8F8F3	RGB 248 248 243	#F8F8F3
83.3%	83.3% #FBFAF5	RGB 251 250 245	#FBFAF5
100.0%	100.0% #FEFDF7	RGB 254 253 247	#FEFDF7

#EEEFEC #F0F1ED #F3F3EF #F6F6F1 #F8F8F3 #FBFAF5 #FEFDF7

#EEEFEC - #FEFDF7

HSV Blend

#EEEFEC - #FEFDF7 | 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 #EEEFEC as 0% and #FEFDF7 as 100%.

0.0%	0.0% #EEEFEC	RGB 238 239 236	#EEEFEC
16.7%	16.7% #F0F1ED	RGB 240 241 237	#F0F1ED
33.3%	33.3% #F3F4EF	RGB 243 244 239	#F3F4EF
50.0%	50.0% #F6F6F1	RGB 246 246 241	#F6F6F1
66.7%	66.7% #F8F9F3	RGB 248 249 243	#F8F9F3
83.3%	83.3% #FBFBF5	RGB 251 251 245	#FBFBF5
100.0%	100.0% #FEFDF7	RGB 254 253 247	#FEFDF7

#EEEFEC #F0F1ED #F3F4EF #F6F6F1 #F8F9F3 #FBFBF5 #FEFDF7

#EEEFEC - #F6F6F1 - #FEFDF7

CSS codes

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

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