#EDDEEF - #FAFFE6 | 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 #EDDEEF to #FAFFE6

#EDDEEF #FAFFE6

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

#EDDEEF - #FAFFE6 | 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 #EDDEEF as 0% and #FAFFE6 as 100%.

0.0%	0.0% #EDDEEF	RGB 237 222 239	#EDDEEF
16.7%	16.7% #EFE3ED	RGB 239 227 237	#EFE3ED
33.3%	33.3% #F1E9EC	RGB 241 233 236	#F1E9EC
50.0%	50.0% #F3EEEA	RGB 243 238 234	#F3EEEA
66.7%	66.7% #F5F4E9	RGB 245 244 233	#F5F4E9
83.3%	83.3% #F7F9E7	RGB 247 249 231	#F7F9E7
100.0%	100.0% #FAFFE6	RGB 250 255 230	#FAFFE6

#EDDEEF #EFE3ED #F1E9EC #F3EEEA #F5F4E9 #F7F9E7 #FAFFE6

#EDDEEF - #FAFFE6

HSV Blend

#EDDEEF - #FAFFE6 | 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 #EDDEEF as 0% and #FAFFE6 as 100%.

0.0%	0.0% #EDDEEF	RGB 237 222 239	#EDDEEF
16.7%	16.7% #F1DFEC	RGB 241 223 236	#F1DFEC
33.3%	33.3% #F4E0E7	RGB 244 224 231	#F4E0E7
50.0%	50.0% #F7E2E2	RGB 247 226 226	#F7E2E2
66.7%	66.7% #F9ECE3	RGB 249 236 227	#F9ECE3
83.3%	83.3% #FCF7E4	RGB 252 247 228	#FCF7E4
100.0%	100.0% #FAFFE6	RGB 250 255 230	#FAFFE6

#EDDEEF #F1DFEC #F4E0E7 #F7E2E2 #F9ECE3 #FCF7E4 #FAFFE6

#EDDEEF - #F7E2E2 - #FAFFE6

CSS codes

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

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