#E2DCAB - #F6F5E7 | 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 #E2DCAB to #F6F5E7

#E2DCAB #F6F5E7

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

#E2DCAB - #F6F5E7 | 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 #E2DCAB as 0% and #F6F5E7 as 100%.

0.0%	0.0% #E2DCAB	RGB 226 220 171	#E2DCAB
16.7%	16.7% #E5E0B5	RGB 229 224 181	#E5E0B5
33.3%	33.3% #E8E4BF	RGB 232 228 191	#E8E4BF
50.0%	50.0% #ECE8C9	RGB 236 232 201	#ECE8C9
66.7%	66.7% #EFECD3	RGB 239 236 211	#EFECD3
83.3%	83.3% #F2F0DD	RGB 242 240 221	#F2F0DD
100.0%	100.0% #F6F5E7	RGB 246 245 231	#F6F5E7

#E2DCAB #E5E0B5 #E8E4BF #ECE8C9 #EFECD3 #F2F0DD #F6F5E7

#E2DCAB - #F6F5E7

HSV Blend

#E2DCAB - #F6F5E7 | 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 #E2DCAB as 0% and #F6F5E7 as 100%.

0.0%	0.0% #E2DCAB	RGB 226 220 171	#E2DCAB
16.7%	16.7% #E5E0B4	RGB 229 224 180	#E5E0B4
33.3%	33.3% #E8E4BE	RGB 232 228 190	#E8E4BE
50.0%	50.0% #ECE8C8	RGB 236 232 200	#ECE8C8
66.7%	66.7% #EFECD2	RGB 239 236 210	#EFECD2
83.3%	83.3% #F2F1DC	RGB 242 241 220	#F2F1DC
100.0%	100.0% #F6F5E7	RGB 246 245 231	#F6F5E7

#E2DCAB #E5E0B4 #E8E4BE #ECE8C8 #EFECD2 #F2F1DC #F6F5E7

#E2DCAB - #ECE8C8 - #F6F5E7

CSS codes

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

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