#EDDFEF - #FFF7F7 | 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 #EDDFEF to #FFF7F7

#EDDFEF #FFF7F7

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

#EDDFEF - #FFF7F7 | 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 #EDDFEF as 0% and #FFF7F7 as 100%.

0.0%	0.0% #EDDFEF	RGB 237 223 239	#EDDFEF
16.7%	16.7% #F0E3F0	RGB 240 227 240	#F0E3F0
33.3%	33.3% #F3E7F1	RGB 243 231 241	#F3E7F1
50.0%	50.0% #F6EBF3	RGB 246 235 243	#F6EBF3
66.7%	66.7% #F9EFF4	RGB 249 239 244	#F9EFF4
83.3%	83.3% #FCF3F5	RGB 252 243 245	#FCF3F5
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#EDDFEF #F0E3F0 #F3E7F1 #F6EBF3 #F9EFF4 #FCF3F5 #FFF7F7

#EDDFEF - #FFF7F7

HSV Blend

#EDDFEF - #FFF7F7 | 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 #EDDFEF as 0% and #FFF7F7 as 100%.

0.0%	0.0% #EDDFEF	RGB 237 223 239	#EDDFEF
16.7%	16.7% #F1E2F0	RGB 241 226 240	#F1E2F0
33.3%	33.3% #F4E6F0	RGB 244 230 240	#F4E6F0
50.0%	50.0% #F7EAF1	RGB 247 234 241	#F7EAF1
66.7%	66.7% #F9EEF2	RGB 249 238 242	#F9EEF2
83.3%	83.3% #FCF2F4	RGB 252 242 244	#FCF2F4
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#EDDFEF #F1E2F0 #F4E6F0 #F7EAF1 #F9EEF2 #FCF2F4 #FFF7F7

#EDDFEF - #F7EAF1 - #FFF7F7

CSS codes

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

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