#E2CFD4 - #FFF5E3 | 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 #E2CFD4 to #FFF5E3

#E2CFD4 #FFF5E3

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

#E2CFD4 - #FFF5E3 | 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 #E2CFD4 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #E2CFD4	RGB 226 207 212	#E2CFD4
16.7%	16.7% #E6D5D6	RGB 230 213 214	#E6D5D6
33.3%	33.3% #EBDBD9	RGB 235 219 217	#EBDBD9
50.0%	50.0% #F0E2DB	RGB 240 226 219	#F0E2DB
66.7%	66.7% #F5E8DE	RGB 245 232 222	#F5E8DE
83.3%	83.3% #FAEEE0	RGB 250 238 224	#FAEEE0
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E2CFD4 #E6D5D6 #EBDBD9 #F0E2DB #F5E8DE #FAEEE0 #FFF5E3

#E2CFD4 - #FFF5E3

HSV Blend

#E2CFD4 - #FFF5E3 | 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 #E2CFD4 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #E2CFD4	RGB 226 207 212	#E2CFD4
16.7%	16.7% #E6D2D4	RGB 230 210 212	#E6D2D4
33.3%	33.3% #EBD6D5	RGB 235 214 213	#EBD6D5
50.0%	50.0% #F0DDD9	RGB 240 221 217	#F0DDD9
66.7%	66.7% #F5E4DC	RGB 245 228 220	#F5E4DC
83.3%	83.3% #FAECDF	RGB 250 236 223	#FAECDF
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E2CFD4 #E6D2D4 #EBD6D5 #F0DDD9 #F5E4DC #FAECDF #FFF5E3

#E2CFD4 - #F0DDD9 - #FFF5E3

CSS codes

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

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