#E6DCC0 - #C7A76C | 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 #E6DCC0 to #C7A76C

#E6DCC0 #C7A76C

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

#E6DCC0 - #C7A76C | 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 #E6DCC0 as 0% and #C7A76C as 100%.

0.0%	0.0% #E6DCC0	RGB 230 220 192	#E6DCC0
16.7%	16.7% #E0D3B2	RGB 224 211 178	#E0D3B2
33.3%	33.3% #DBCAA4	RGB 219 202 164	#DBCAA4
50.0%	50.0% #D6C196	RGB 214 193 150	#D6C196
66.7%	66.7% #D1B888	RGB 209 184 136	#D1B888
83.3%	83.3% #CCAF7A	RGB 204 175 122	#CCAF7A
100.0%	100.0% #C7A76C	RGB 199 167 108	#C7A76C

#E6DCC0 #E0D3B2 #DBCAA4 #D6C196 #D1B888 #CCAF7A #C7A76C

#E6DCC0 - #C7A76C

HSV Blend

#E6DCC0 - #C7A76C | 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 #E6DCC0 as 0% and #C7A76C as 100%.

0.0%	0.0% #E6DCC0	RGB 230 220 192	#E6DCC0
16.7%	16.7% #E0D3B0	RGB 224 211 176	#E0D3B0
33.3%	33.3% #DBCAA1	RGB 219 202 161	#DBCAA1
50.0%	50.0% #D6C193	RGB 214 193 147	#D6C193
66.7%	66.7% #D1B985	RGB 209 185 133	#D1B985
83.3%	83.3% #CCB078	RGB 204 176 120	#CCB078
100.0%	100.0% #C7A76C	RGB 199 167 108	#C7A76C

#E6DCC0 #E0D3B0 #DBCAA1 #D6C193 #D1B985 #CCB078 #C7A76C

#E6DCC0 - #D6C193 - #C7A76C

CSS codes

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

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