#EDDBE2 - #F7EEEB | 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 #EDDBE2 to #F7EEEB

#EDDBE2 #F7EEEB

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

#EDDBE2 - #F7EEEB | 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 #EDDBE2 as 0% and #F7EEEB as 100%.

0.0%	0.0% #EDDBE2	RGB 237 219 226	#EDDBE2
16.7%	16.7% #EEDEE3	RGB 238 222 227	#EEDEE3
33.3%	33.3% #F0E1E5	RGB 240 225 229	#F0E1E5
50.0%	50.0% #F2E4E6	RGB 242 228 230	#F2E4E6
66.7%	66.7% #F3E7E8	RGB 243 231 232	#F3E7E8
83.3%	83.3% #F5EAE9	RGB 245 234 233	#F5EAE9
100.0%	100.0% #F7EEEB	RGB 247 238 235	#F7EEEB

#EDDBE2 #EEDEE3 #F0E1E5 #F2E4E6 #F3E7E8 #F5EAE9 #F7EEEB

#EDDBE2 - #F7EEEB

HSV Blend

#EDDBE2 - #F7EEEB | 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 #EDDBE2 as 0% and #F7EEEB as 100%.

0.0%	0.0% #EDDBE2	RGB 237 219 226	#EDDBE2
16.7%	16.7% #EEDDE2	RGB 238 221 226	#EEDDE2
33.3%	33.3% #F0E0E3	RGB 240 224 227	#F0E0E3
50.0%	50.0% #F2E2E3	RGB 242 226 227	#F2E2E3
66.7%	66.7% #F3E6E5	RGB 243 230 229	#F3E6E5
83.3%	83.3% #F5EAE8	RGB 245 234 232	#F5EAE8
100.0%	100.0% #F7EEEB	RGB 247 238 235	#F7EEEB

#EDDBE2 #EEDDE2 #F0E0E3 #F2E2E3 #F3E6E5 #F5EAE8 #F7EEEB

#EDDBE2 - #F2E2E3 - #F7EEEB

CSS codes

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

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