#E2D1B6 - #FFF3D0 | 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 #E2D1B6 to #FFF3D0

#E2D1B6 #FFF3D0

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

#E2D1B6 - #FFF3D0 | 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 #E2D1B6 as 0% and #FFF3D0 as 100%.

0.0%	0.0% #E2D1B6	RGB 226 209 182	#E2D1B6
16.7%	16.7% #E6D6BA	RGB 230 214 186	#E6D6BA
33.3%	33.3% #EBDCBE	RGB 235 220 190	#EBDCBE
50.0%	50.0% #F0E2C3	RGB 240 226 195	#F0E2C3
66.7%	66.7% #F5E7C7	RGB 245 231 199	#F5E7C7
83.3%	83.3% #FAEDCB	RGB 250 237 203	#FAEDCB
100.0%	100.0% #FFF3D0	RGB 255 243 208	#FFF3D0

#E2D1B6 #E6D6BA #EBDCBE #F0E2C3 #F5E7C7 #FAEDCB #FFF3D0

#E2D1B6 - #FFF3D0

HSV Blend

#E2D1B6 - #FFF3D0 | 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 #E2D1B6 as 0% and #FFF3D0 as 100%.

0.0%	0.0% #E2D1B6	RGB 226 209 182	#E2D1B6
16.7%	16.7% #E6D6BA	RGB 230 214 186	#E6D6BA
33.3%	33.3% #EBDCBE	RGB 235 220 190	#EBDCBE
50.0%	50.0% #F0E1C2	RGB 240 225 194	#F0E1C2
66.7%	66.7% #F5E7C7	RGB 245 231 199	#F5E7C7
83.3%	83.3% #FAEDCB	RGB 250 237 203	#FAEDCB
100.0%	100.0% #FFF3D0	RGB 255 243 208	#FFF3D0

#E2D1B6 #E6D6BA #EBDCBE #F0E1C2 #F5E7C7 #FAEDCB #FFF3D0

#E2D1B6 - #F0E1C2 - #FFF3D0

CSS codes

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

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