#A07B2D - #E3D9C3 | 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 #A07B2D to #E3D9C3

#A07B2D #E3D9C3

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

#A07B2D - #E3D9C3 | 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 #A07B2D as 0% and #E3D9C3 as 100%.

0.0%	0.0% #A07B2D	RGB 160 123 45	#A07B2D
16.7%	16.7% #AB8A46	RGB 171 138 70	#AB8A46
33.3%	33.3% #B69A5F	RGB 182 154 95	#B69A5F
50.0%	50.0% #C1AA78	RGB 193 170 120	#C1AA78
66.7%	66.7% #CCB991	RGB 204 185 145	#CCB991
83.3%	83.3% #D7C9AA	RGB 215 201 170	#D7C9AA
100.0%	100.0% #E3D9C3	RGB 227 217 195	#E3D9C3

#A07B2D #AB8A46 #B69A5F #C1AA78 #CCB991 #D7C9AA #E3D9C3

#A07B2D - #E3D9C3

HSV Blend

#A07B2D - #E3D9C3 | 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 #A07B2D as 0% and #E3D9C3 as 100%.

0.0%	0.0% #A07B2D	RGB 160 123 45	#A07B2D
16.7%	16.7% #AB8940	RGB 171 137 64	#AB8940
33.3%	33.3% #B69756	RGB 182 151 86	#B69756
50.0%	50.0% #C1A76E	RGB 193 167 110	#C1A76E
66.7%	66.7% #CCB788	RGB 204 183 136	#CCB788
83.3%	83.3% #D7C7A4	RGB 215 199 164	#D7C7A4
100.0%	100.0% #E3D9C3	RGB 227 217 195	#E3D9C3

#A07B2D #AB8940 #B69756 #C1A76E #CCB788 #D7C7A4 #E3D9C3

#A07B2D - #C1A76E - #E3D9C3

CSS codes

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

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