#E2D0D9 - #FFFDF3 | 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 #E2D0D9 to #FFFDF3

#E2D0D9 #FFFDF3

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

#E2D0D9 - #FFFDF3 | 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 #E2D0D9 as 0% and #FFFDF3 as 100%.

0.0%	0.0% #E2D0D9	RGB 226 208 217	#E2D0D9
16.7%	16.7% #E6D7DD	RGB 230 215 221	#E6D7DD
33.3%	33.3% #EBDFE1	RGB 235 223 225	#EBDFE1
50.0%	50.0% #F0E6E6	RGB 240 230 230	#F0E6E6
66.7%	66.7% #F5EEEA	RGB 245 238 234	#F5EEEA
83.3%	83.3% #FAF5EE	RGB 250 245 238	#FAF5EE
100.0%	100.0% #FFFDF3	RGB 255 253 243	#FFFDF3

#E2D0D9 #E6D7DD #EBDFE1 #F0E6E6 #F5EEEA #FAF5EE #FFFDF3

#E2D0D9 - #FFFDF3

HSV Blend

#E2D0D9 - #FFFDF3 | 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 #E2D0D9 as 0% and #FFFDF3 as 100%.

0.0%	0.0% #E2D0D9	RGB 226 208 217	#E2D0D9
16.7%	16.7% #E6D5DA	RGB 230 213 218	#E6D5DA
33.3%	33.3% #EBDBDC	RGB 235 219 220	#EBDBDC
50.0%	50.0% #F0E3E1	RGB 240 227 225	#F0E3E1
66.7%	66.7% #F5ECE7	RGB 245 236 231	#F5ECE7
83.3%	83.3% #FAF5ED	RGB 250 245 237	#FAF5ED
100.0%	100.0% #FFFDF3	RGB 255 253 243	#FFFDF3

#E2D0D9 #E6D5DA #EBDBDC #F0E3E1 #F5ECE7 #FAF5ED #FFFDF3

#E2D0D9 - #F0E3E1 - #FFFDF3

CSS codes

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

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