#E2D3B0 - #CDAB5A | 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 #E2D3B0 to #CDAB5A

#E2D3B0 #CDAB5A

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

#E2D3B0 - #CDAB5A | 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 #E2D3B0 as 0% and #CDAB5A as 100%.

0.0%	0.0% #E2D3B0	RGB 226 211 176	#E2D3B0
16.7%	16.7% #DECCA1	RGB 222 204 161	#DECCA1
33.3%	33.3% #DBC593	RGB 219 197 147	#DBC593
50.0%	50.0% #D7BF85	RGB 215 191 133	#D7BF85
66.7%	66.7% #D4B876	RGB 212 184 118	#D4B876
83.3%	83.3% #D0B168	RGB 208 177 104	#D0B168
100.0%	100.0% #CDAB5A	RGB 205 171 90	#CDAB5A

#E2D3B0 #DECCA1 #DBC593 #D7BF85 #D4B876 #D0B168 #CDAB5A

#E2D3B0 - #CDAB5A

HSV Blend

#E2D3B0 - #CDAB5A | 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 #E2D3B0 as 0% and #CDAB5A as 100%.

0.0%	0.0% #E2D3B0	RGB 226 211 176	#E2D3B0
16.7%	16.7% #DECBA0	RGB 222 203 160	#DECBA0
33.3%	33.3% #DBC591	RGB 219 197 145	#DBC591
50.0%	50.0% #D7BE83	RGB 215 190 131	#D7BE83
66.7%	66.7% #D4B775	RGB 212 183 117	#D4B775
83.3%	83.3% #D0B167	RGB 208 177 103	#D0B167
100.0%	100.0% #CDAB5A	RGB 205 171 90	#CDAB5A

#E2D3B0 #DECBA0 #DBC591 #D7BE83 #D4B775 #D0B167 #CDAB5A

#E2D3B0 - #D7BE83 - #CDAB5A

CSS codes

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

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