#E2D0AE - #C49558 | 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 #E2D0AE to #C49558

#E2D0AE #C49558

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

#E2D0AE - #C49558 | 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 #E2D0AE as 0% and #C49558 as 100%.

0.0%	0.0% #E2D0AE	RGB 226 208 174	#E2D0AE
16.7%	16.7% #DDC69F	RGB 221 198 159	#DDC69F
33.3%	33.3% #D8BC91	RGB 216 188 145	#D8BC91
50.0%	50.0% #D3B283	RGB 211 178 131	#D3B283
66.7%	66.7% #CEA874	RGB 206 168 116	#CEA874
83.3%	83.3% #C99E66	RGB 201 158 102	#C99E66
100.0%	100.0% #C49558	RGB 196 149 88	#C49558

#E2D0AE #DDC69F #D8BC91 #D3B283 #CEA874 #C99E66 #C49558

#E2D0AE - #C49558

HSV Blend

#E2D0AE - #C49558 | 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 #E2D0AE as 0% and #C49558 as 100%.

0.0%	0.0% #E2D0AE	RGB 226 208 174	#E2D0AE
16.7%	16.7% #DDC69E	RGB 221 198 158	#DDC69E
33.3%	33.3% #D8BC8F	RGB 216 188 143	#D8BC8F
50.0%	50.0% #D3B280	RGB 211 178 128	#D3B280
66.7%	66.7% #CEA872	RGB 206 168 114	#CEA872
83.3%	83.3% #C99E64	RGB 201 158 100	#C99E64
100.0%	100.0% #C49558	RGB 196 149 88	#C49558

#E2D0AE #DDC69E #D8BC8F #D3B280 #CEA872 #C99E64 #C49558

#E2D0AE - #D3B280 - #C49558

CSS codes

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

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