#EDDDF0 - #FAFFE7 | 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 #EDDDF0 to #FAFFE7

#EDDDF0 #FAFFE7

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

#EDDDF0 - #FAFFE7 | 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 #EDDDF0 as 0% and #FAFFE7 as 100%.

0.0%	0.0% #EDDDF0	RGB 237 221 240	#EDDDF0
16.7%	16.7% #EFE2EE	RGB 239 226 238	#EFE2EE
33.3%	33.3% #F1E8ED	RGB 241 232 237	#F1E8ED
50.0%	50.0% #F3EEEB	RGB 243 238 235	#F3EEEB
66.7%	66.7% #F5F3EA	RGB 245 243 234	#F5F3EA
83.3%	83.3% #F7F9E8	RGB 247 249 232	#F7F9E8
100.0%	100.0% #FAFFE7	RGB 250 255 231	#FAFFE7

#EDDDF0 #EFE2EE #F1E8ED #F3EEEB #F5F3EA #F7F9E8 #FAFFE7

#EDDDF0 - #FAFFE7

HSV Blend

#EDDDF0 - #FAFFE7 | 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 #EDDDF0 as 0% and #FAFFE7 as 100%.

0.0%	0.0% #EDDDF0	RGB 237 221 240	#EDDDF0
16.7%	16.7% #F2DEED	RGB 242 222 237	#F2DEED
33.3%	33.3% #F5E0E7	RGB 245 224 231	#F5E0E7
50.0%	50.0% #F7E2E2	RGB 247 226 226	#F7E2E2
66.7%	66.7% #FAEDE3	RGB 250 237 227	#FAEDE3
83.3%	83.3% #FCF8E5	RGB 252 248 229	#FCF8E5
100.0%	100.0% #FAFFE7	RGB 250 255 231	#FAFFE7

#EDDDF0 #F2DEED #F5E0E7 #F7E2E2 #FAEDE3 #FCF8E5 #FAFFE7

#EDDDF0 - #F7E2E2 - #FAFFE7

CSS codes

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

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