#E7B05E - #42321A | 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 #E7B05E to #42321A

#E7B05E #42321A

Calculate the color between two colors, #E7B05E and #42321A. 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)

#E7B05E - #42321A | 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 #E7B05E as 0% and #42321A as 100%.

0.0%	0.0% #E7B05E	RGB 231 176 94	#E7B05E
16.7%	16.7% #CB9B52	RGB 203 155 82	#CB9B52
33.3%	33.3% #B08647	RGB 176 134 71	#B08647
50.0%	50.0% #94713C	RGB 148 113 60	#94713C
66.7%	66.7% #795C30	RGB 121 92 48	#795C30
83.3%	83.3% #5D4725	RGB 93 71 37	#5D4725
100.0%	100.0% #42321A	RGB 66 50 26	#42321A

#E7B05E #CB9B52 #B08647 #94713C #795C30 #5D4725 #42321A

#E7B05E - #42321A

HSV Blend

#E7B05E - #42321A | 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 #E7B05E as 0% and #42321A as 100%.

0.0%	0.0% #E7B05E	RGB 231 176 94	#E7B05E
16.7%	16.7% #CB9A52	RGB 203 154 82	#CB9A52
33.3%	33.3% #B08546	RGB 176 133 70	#B08546
50.0%	50.0% #94703B	RGB 148 112 59	#94703B
66.7%	66.7% #795B30	RGB 121 91 48	#795B30
83.3%	83.3% #5D4625	RGB 93 70 37	#5D4625
100.0%	100.0% #42321A	RGB 66 50 26	#42321A

#E7B05E #CB9A52 #B08546 #94703B #795B30 #5D4625 #42321A

#E7B05E - #94703B - #42321A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E7B05E 0%, #94703B 50%, #42321A 100%);
    background: -webkit-linear-gradient(top, #E7B05E 0%, #94703B 50%, #42321A 100%);
    background: linear-gradient(to bottom, #E7B05E 0%, #94703B 50%, #42321A 100%);
}
</style>