#EDDAE2 - #FEF8F5 | 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 #EDDAE2 to #FEF8F5

#EDDAE2 #FEF8F5

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

#EDDAE2 - #FEF8F5 | 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 #EDDAE2 as 0% and #FEF8F5 as 100%.

0.0%	0.0% #EDDAE2	RGB 237 218 226	#EDDAE2
16.7%	16.7% #EFDFE5	RGB 239 223 229	#EFDFE5
33.3%	33.3% #F2E4E8	RGB 242 228 232	#F2E4E8
50.0%	50.0% #F5E9EB	RGB 245 233 235	#F5E9EB
66.7%	66.7% #F8EEEE	RGB 248 238 238	#F8EEEE
83.3%	83.3% #FBF3F1	RGB 251 243 241	#FBF3F1
100.0%	100.0% #FEF8F5	RGB 254 248 245	#FEF8F5

#EDDAE2 #EFDFE5 #F2E4E8 #F5E9EB #F8EEEE #FBF3F1 #FEF8F5

#EDDAE2 - #FEF8F5

HSV Blend

#EDDAE2 - #FEF8F5 | 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 #EDDAE2 as 0% and #FEF8F5 as 100%.

0.0%	0.0% #EDDAE2	RGB 237 218 226	#EDDAE2
16.7%	16.7% #EFDEE3	RGB 239 222 227	#EFDEE3
33.3%	33.3% #F2E2E5	RGB 242 226 229	#F2E2E5
50.0%	50.0% #F5E7E7	RGB 245 231 231	#F5E7E7
66.7%	66.7% #F8ECEB	RGB 248 236 235	#F8ECEB
83.3%	83.3% #FBF2F0	RGB 251 242 240	#FBF2F0
100.0%	100.0% #FEF8F5	RGB 254 248 245	#FEF8F5

#EDDAE2 #EFDEE3 #F2E2E5 #F5E7E7 #F8ECEB #FBF2F0 #FEF8F5

#EDDAE2 - #F5E7E7 - #FEF8F5

CSS codes

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

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