#E5DCC2 - #C6A76E | 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 #E5DCC2 to #C6A76E

#E5DCC2 #C6A76E

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

#E5DCC2 - #C6A76E | 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 #E5DCC2 as 0% and #C6A76E as 100%.

0.0%	0.0% #E5DCC2	RGB 229 220 194	#E5DCC2
16.7%	16.7% #DFD3B4	RGB 223 211 180	#DFD3B4
33.3%	33.3% #DACAA6	RGB 218 202 166	#DACAA6
50.0%	50.0% #D5C198	RGB 213 193 152	#D5C198
66.7%	66.7% #D0B88A	RGB 208 184 138	#D0B88A
83.3%	83.3% #CBAF7C	RGB 203 175 124	#CBAF7C
100.0%	100.0% #C6A76E	RGB 198 167 110	#C6A76E

#E5DCC2 #DFD3B4 #DACAA6 #D5C198 #D0B88A #CBAF7C #C6A76E

#E5DCC2 - #C6A76E

HSV Blend

#E5DCC2 - #C6A76E | 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 #E5DCC2 as 0% and #C6A76E as 100%.

0.0%	0.0% #E5DCC2	RGB 229 220 194	#E5DCC2
16.7%	16.7% #DFD3B2	RGB 223 211 178	#DFD3B2
33.3%	33.3% #DACAA3	RGB 218 202 163	#DACAA3
50.0%	50.0% #D5C295	RGB 213 194 149	#D5C295
66.7%	66.7% #D0B987	RGB 208 185 135	#D0B987
83.3%	83.3% #CBB07A	RGB 203 176 122	#CBB07A
100.0%	100.0% #C6A76E	RGB 198 167 110	#C6A76E

#E5DCC2 #DFD3B2 #DACAA3 #D5C295 #D0B987 #CBB07A #C6A76E

#E5DCC2 - #D5C295 - #C6A76E

CSS codes

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

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