#E2DCB9 - #C0AA64 | 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 #E2DCB9 to #C0AA64

#E2DCB9 #C0AA64

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

#E2DCB9 - #C0AA64 | 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 #E2DCB9 as 0% and #C0AA64 as 100%.

0.0%	0.0% #E2DCB9	RGB 226 220 185	#E2DCB9
16.7%	16.7% #DCD3AA	RGB 220 211 170	#DCD3AA
33.3%	33.3% #D6CB9C	RGB 214 203 156	#D6CB9C
50.0%	50.0% #D1C38E	RGB 209 195 142	#D1C38E
66.7%	66.7% #CBBA80	RGB 203 186 128	#CBBA80
83.3%	83.3% #C5B272	RGB 197 178 114	#C5B272
100.0%	100.0% #C0AA64	RGB 192 170 100	#C0AA64

#E2DCB9 #DCD3AA #D6CB9C #D1C38E #CBBA80 #C5B272 #C0AA64

#E2DCB9 - #C0AA64

HSV Blend

#E2DCB9 - #C0AA64 | 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 #E2DCB9 as 0% and #C0AA64 as 100%.

0.0%	0.0% #E2DCB9	RGB 226 220 185	#E2DCB9
16.7%	16.7% #DCD4A9	RGB 220 212 169	#DCD4A9
33.3%	33.3% #D6CB9A	RGB 214 203 154	#D6CB9A
50.0%	50.0% #D1C38B	RGB 209 195 139	#D1C38B
66.7%	66.7% #CBBB7E	RGB 203 187 126	#CBBB7E
83.3%	83.3% #C5B270	RGB 197 178 112	#C5B270
100.0%	100.0% #C0AA64	RGB 192 170 100	#C0AA64

#E2DCB9 #DCD4A9 #D6CB9A #D1C38B #CBBB7E #C5B270 #C0AA64

#E2DCB9 - #D1C38B - #C0AA64

CSS codes

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

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