#E4CC8B - #E2D4C5 | 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 #E4CC8B to #E2D4C5

#E4CC8B #E2D4C5

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

#E4CC8B - #E2D4C5 | 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 #E4CC8B as 0% and #E2D4C5 as 100%.

0.0%	0.0% #E4CC8B	RGB 228 204 139	#E4CC8B
16.7%	16.7% #E3CD94	RGB 227 205 148	#E3CD94
33.3%	33.3% #E3CE9E	RGB 227 206 158	#E3CE9E
50.0%	50.0% #E3D0A8	RGB 227 208 168	#E3D0A8
66.7%	66.7% #E2D1B1	RGB 226 209 177	#E2D1B1
83.3%	83.3% #E2D2BB	RGB 226 210 187	#E2D2BB
100.0%	100.0% #E2D4C5	RGB 226 212 197	#E2D4C5

#E4CC8B #E3CD94 #E3CE9E #E3D0A8 #E2D1B1 #E2D2BB #E2D4C5

#E4CC8B - #E2D4C5

HSV Blend

#E4CC8B - #E2D4C5 | 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 #E4CC8B as 0% and #E2D4C5 as 100%.

0.0%	0.0% #E4CC8B	RGB 228 204 139	#E4CC8B
16.7%	16.7% #E3CB94	RGB 227 203 148	#E3CB94
33.3%	33.3% #E3CB9E	RGB 227 203 158	#E3CB9E
50.0%	50.0% #E3CCA8	RGB 227 204 168	#E3CCA8
66.7%	66.7% #E2CEB1	RGB 226 206 177	#E2CEB1
83.3%	83.3% #E2D0BB	RGB 226 208 187	#E2D0BB
100.0%	100.0% #E2D4C5	RGB 226 212 197	#E2D4C5

#E4CC8B #E3CB94 #E3CB9E #E3CCA8 #E2CEB1 #E2D0BB #E2D4C5

#E4CC8B - #E3CCA8 - #E2D4C5

CSS codes

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

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