#7E5E5E - #56331B | 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 #7E5E5E to #56331B

#7E5E5E #56331B

Calculate the color between two colors, #7E5E5E and #56331B. 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)

#7E5E5E - #56331B | 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 #7E5E5E as 0% and #56331B as 100%.

0.0%	0.0% #7E5E5E	RGB 126 94 94	#7E5E5E
16.7%	16.7% #775652	RGB 119 86 82	#775652
33.3%	33.3% #704F47	RGB 112 79 71	#704F47
50.0%	50.0% #6A483C	RGB 106 72 60	#6A483C
66.7%	66.7% #634131	RGB 99 65 49	#634131
83.3%	83.3% #5C3A26	RGB 92 58 38	#5C3A26
100.0%	100.0% #56331B	RGB 86 51 27	#56331B

#7E5E5E #775652 #704F47 #6A483C #634131 #5C3A26 #56331B

#7E5E5E - #56331B

HSV Blend

#7E5E5E - #56331B | 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 #7E5E5E as 0% and #56331B as 100%.

0.0%	0.0% #7E5E5E	RGB 126 94 94	#7E5E5E
16.7%	16.7% #775350	RGB 119 83 80	#775350
33.3%	33.3% #704943	RGB 112 73 67	#704943
50.0%	50.0% #6A4238	RGB 106 66 56	#6A4238
66.7%	66.7% #633C2D	RGB 99 60 45	#633C2D
83.3%	83.3% #5C3723	RGB 92 55 35	#5C3723
100.0%	100.0% #56331B	RGB 86 51 27	#56331B

#7E5E5E #775350 #704943 #6A4238 #633C2D #5C3723 #56331B

#7E5E5E - #6A4238 - #56331B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E5E 0%, #6A4238 50%, #56331B 100%);
    background: -webkit-linear-gradient(top, #7E5E5E 0%, #6A4238 50%, #56331B 100%);
    background: linear-gradient(to bottom, #7E5E5E 0%, #6A4238 50%, #56331B 100%);
}
</style>