#E2D2D2 - #FFFDE4 | 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 #E2D2D2 to #FFFDE4

#E2D2D2 #FFFDE4

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

#E2D2D2 - #FFFDE4 | 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 #E2D2D2 as 0% and #FFFDE4 as 100%.

0.0%	0.0% #E2D2D2	RGB 226 210 210	#E2D2D2
16.7%	16.7% #E6D9D5	RGB 230 217 213	#E6D9D5
33.3%	33.3% #EBE0D8	RGB 235 224 216	#EBE0D8
50.0%	50.0% #F0E7DB	RGB 240 231 219	#F0E7DB
66.7%	66.7% #F5EEDE	RGB 245 238 222	#F5EEDE
83.3%	83.3% #FAF5E1	RGB 250 245 225	#FAF5E1
100.0%	100.0% #FFFDE4	RGB 255 253 228	#FFFDE4

#E2D2D2 #E6D9D5 #EBE0D8 #F0E7DB #F5EEDE #FAF5E1 #FFFDE4

#E2D2D2 - #FFFDE4

HSV Blend

#E2D2D2 - #FFFDE4 | 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 #E2D2D2 as 0% and #FFFDE4 as 100%.

0.0%	0.0% #E2D2D2	RGB 226 210 210	#E2D2D2
16.7%	16.7% #E6D7D5	RGB 230 215 213	#E6D7D5
33.3%	33.3% #EBDED8	RGB 235 222 216	#EBDED8
50.0%	50.0% #F0E5DB	RGB 240 229 219	#F0E5DB
66.7%	66.7% #F5ECDE	RGB 245 236 222	#F5ECDE
83.3%	83.3% #FAF4E1	RGB 250 244 225	#FAF4E1
100.0%	100.0% #FFFDE4	RGB 255 253 228	#FFFDE4

#E2D2D2 #E6D7D5 #EBDED8 #F0E5DB #F5ECDE #FAF4E1 #FFFDE4

#E2D2D2 - #F0E5DB - #FFFDE4

CSS codes

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

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