#EFD6DC - #FFFEF7 | 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 #EFD6DC to #FFFEF7

#EFD6DC #FFFEF7

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

#EFD6DC - #FFFEF7 | 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 #EFD6DC as 0% and #FFFEF7 as 100%.

0.0%	0.0% #EFD6DC	RGB 239 214 220	#EFD6DC
16.7%	16.7% #F1DCE0	RGB 241 220 224	#F1DCE0
33.3%	33.3% #F4E3E5	RGB 244 227 229	#F4E3E5
50.0%	50.0% #F7EAE9	RGB 247 234 233	#F7EAE9
66.7%	66.7% #F9F0EE	RGB 249 240 238	#F9F0EE
83.3%	83.3% #FCF7F2	RGB 252 247 242	#FCF7F2
100.0%	100.0% #FFFEF7	RGB 255 254 247	#FFFEF7

#EFD6DC #F1DCE0 #F4E3E5 #F7EAE9 #F9F0EE #FCF7F2 #FFFEF7

#EFD6DC - #FFFEF7

HSV Blend

#EFD6DC - #FFFEF7 | 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 #EFD6DC as 0% and #FFFEF7 as 100%.

0.0%	0.0% #EFD6DC	RGB 239 214 220	#EFD6DC
16.7%	16.7% #F1DBDC	RGB 241 219 220	#F1DBDC
33.3%	33.3% #F4E3E0	RGB 244 227 224	#F4E3E0
50.0%	50.0% #F7EBE6	RGB 247 235 230	#F7EBE6
66.7%	66.7% #F9F2EB	RGB 249 242 235	#F9F2EB
83.3%	83.3% #FCF8F1	RGB 252 248 241	#FCF8F1
100.0%	100.0% #FFFEF7	RGB 255 254 247	#FFFEF7

#EFD6DC #F1DBDC #F4E3E0 #F7EBE6 #F9F2EB #FCF8F1 #FFFEF7

#EFD6DC - #F7EBE6 - #FFFEF7

CSS codes

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

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