#E2D1B7 - #F1FCD9 | 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 #E2D1B7 to #F1FCD9

#E2D1B7 #F1FCD9

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

#E2D1B7 - #F1FCD9 | 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 #E2D1B7 as 0% and #F1FCD9 as 100%.

0.0%	0.0% #E2D1B7	RGB 226 209 183	#E2D1B7
16.7%	16.7% #E4D8BC	RGB 228 216 188	#E4D8BC
33.3%	33.3% #E7DFC2	RGB 231 223 194	#E7DFC2
50.0%	50.0% #E9E6C8	RGB 233 230 200	#E9E6C8
66.7%	66.7% #ECEDCD	RGB 236 237 205	#ECEDCD
83.3%	83.3% #EEF4D3	RGB 238 244 211	#EEF4D3
100.0%	100.0% #F1FCD9	RGB 241 252 217	#F1FCD9

#E2D1B7 #E4D8BC #E7DFC2 #E9E6C8 #ECEDCD #EEF4D3 #F1FCD9

#E2D1B7 - #F1FCD9

HSV Blend

#E2D1B7 - #F1FCD9 | 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 #E2D1B7 as 0% and #F1FCD9 as 100%.

0.0%	0.0% #E2D1B7	RGB 226 209 183	#E2D1B7
16.7%	16.7% #E6DABC	RGB 230 218 188	#E6DABC
33.3%	33.3% #EAE4C2	RGB 234 228 194	#EAE4C2
50.0%	50.0% #EFEDC7	RGB 239 237 199	#EFEDC7
66.7%	66.7% #F0F3CD	RGB 240 243 205	#F0F3CD
83.3%	83.3% #F0F7D3	RGB 240 247 211	#F0F7D3
100.0%	100.0% #F1FCD9	RGB 241 252 217	#F1FCD9

#E2D1B7 #E6DABC #EAE4C2 #EFEDC7 #F0F3CD #F0F7D3 #F1FCD9

#E2D1B7 - #EFEDC7 - #F1FCD9

CSS codes

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

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