#E2B8B8 - #FCF2DA | 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 #E2B8B8 to #FCF2DA

#E2B8B8 #FCF2DA

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

#E2B8B8 - #FCF2DA | 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 #E2B8B8 as 0% and #FCF2DA as 100%.

0.0%	0.0% #E2B8B8	RGB 226 184 184	#E2B8B8
16.7%	16.7% #E6C1BD	RGB 230 193 189	#E6C1BD
33.3%	33.3% #EACBC3	RGB 234 203 195	#EACBC3
50.0%	50.0% #EFD5C9	RGB 239 213 201	#EFD5C9
66.7%	66.7% #F3DECE	RGB 243 222 206	#F3DECE
83.3%	83.3% #F7E8D4	RGB 247 232 212	#F7E8D4
100.0%	100.0% #FCF2DA	RGB 252 242 218	#FCF2DA

#E2B8B8 #E6C1BD #EACBC3 #EFD5C9 #F3DECE #F7E8D4 #FCF2DA

#E2B8B8 - #FCF2DA

HSV Blend

#E2B8B8 - #FCF2DA | 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 #E2B8B8 as 0% and #FCF2DA as 100%.

0.0%	0.0% #E2B8B8	RGB 226 184 184	#E2B8B8
16.7%	16.7% #E6C2BD	RGB 230 194 189	#E6C2BD
33.3%	33.3% #EACCC3	RGB 234 204 195	#EACCC3
50.0%	50.0% #EFD6C8	RGB 239 214 200	#EFD6C8
66.7%	66.7% #F3DFCE	RGB 243 223 206	#F3DFCE
83.3%	83.3% #F7E9D4	RGB 247 233 212	#F7E9D4
100.0%	100.0% #FCF2DA	RGB 252 242 218	#FCF2DA

#E2B8B8 #E6C2BD #EACCC3 #EFD6C8 #F3DFCE #F7E9D4 #FCF2DA

#E2B8B8 - #EFD6C8 - #FCF2DA

CSS codes

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

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