#AF7A3C - #E8D9C7 | 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 #AF7A3C to #E8D9C7

#AF7A3C #E8D9C7

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

#AF7A3C - #E8D9C7 | 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 #AF7A3C as 0% and #E8D9C7 as 100%.

0.0%	0.0% #AF7A3C	RGB 175 122 60	#AF7A3C
16.7%	16.7% #B88953	RGB 184 137 83	#B88953
33.3%	33.3% #C2996A	RGB 194 153 106	#C2996A
50.0%	50.0% #CBA981	RGB 203 169 129	#CBA981
66.7%	66.7% #D5B998	RGB 213 185 152	#D5B998
83.3%	83.3% #DEC9AF	RGB 222 201 175	#DEC9AF
100.0%	100.0% #E8D9C7	RGB 232 217 199	#E8D9C7

#AF7A3C #B88953 #C2996A #CBA981 #D5B998 #DEC9AF #E8D9C7

#AF7A3C - #E8D9C7

HSV Blend

#AF7A3C - #E8D9C7 | 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 #AF7A3C as 0% and #E8D9C7 as 100%.

0.0%	0.0% #AF7A3C	RGB 175 122 60	#AF7A3C
16.7%	16.7% #B8884F	RGB 184 136 79	#B8884F
33.3%	33.3% #C29663	RGB 194 150 99	#C29663
50.0%	50.0% #CBA67A	RGB 203 166 122	#CBA67A
66.7%	66.7% #D5B692	RGB 213 182 146	#D5B692
83.3%	83.3% #DEC7AB	RGB 222 199 171	#DEC7AB
100.0%	100.0% #E8D9C7	RGB 232 217 199	#E8D9C7

#AF7A3C #B8884F #C29663 #CBA67A #D5B692 #DEC7AB #E8D9C7

#AF7A3C - #CBA67A - #E8D9C7

CSS codes

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

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