#F1EFED - #E2D4A6 | 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 #F1EFED to #E2D4A6

#F1EFED #E2D4A6

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

#F1EFED - #E2D4A6 | 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 #F1EFED as 0% and #E2D4A6 as 100%.

0.0%	0.0% #F1EFED	RGB 241 239 237	#F1EFED
16.7%	16.7% #EEEAE1	RGB 238 234 225	#EEEAE1
33.3%	33.3% #ECE6D5	RGB 236 230 213	#ECE6D5
50.0%	50.0% #E9E1C9	RGB 233 225 201	#E9E1C9
66.7%	66.7% #E7DDBD	RGB 231 221 189	#E7DDBD
83.3%	83.3% #E4D8B1	RGB 228 216 177	#E4D8B1
100.0%	100.0% #E2D4A6	RGB 226 212 166	#E2D4A6

#F1EFED #EEEAE1 #ECE6D5 #E9E1C9 #E7DDBD #E4D8B1 #E2D4A6

#F1EFED - #E2D4A6

HSV Blend

#F1EFED - #E2D4A6 | 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 #F1EFED as 0% and #E2D4A6 as 100%.

0.0%	0.0% #F1EFED	RGB 241 239 237	#F1EFED
16.7%	16.7% #EEE8E0	RGB 238 232 224	#EEE8E0
33.3%	33.3% #ECE2D4	RGB 236 226 212	#ECE2D4
50.0%	50.0% #E9DDC8	RGB 233 221 200	#E9DDC8
66.7%	66.7% #E7D9BC	RGB 231 217 188	#E7D9BC
83.3%	83.3% #E4D6B1	RGB 228 214 177	#E4D6B1
100.0%	100.0% #E2D4A6	RGB 226 212 166	#E2D4A6

#F1EFED #EEE8E0 #ECE2D4 #E9DDC8 #E7D9BC #E4D6B1 #E2D4A6

#F1EFED - #E9DDC8 - #E2D4A6

CSS codes

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

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