#7E6D5E - #4A3E1E | 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 #7E6D5E to #4A3E1E

#7E6D5E #4A3E1E

Calculate the color between two colors, #7E6D5E and #4A3E1E. 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)

#7E6D5E - #4A3E1E | 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 #7E6D5E as 0% and #4A3E1E as 100%.

0.0%	0.0% #7E6D5E	RGB 126 109 94	#7E6D5E
16.7%	16.7% #756553	RGB 117 101 83	#756553
33.3%	33.3% #6C5D48	RGB 108 93 72	#6C5D48
50.0%	50.0% #64553E	RGB 100 85 62	#64553E
66.7%	66.7% #5B4D33	RGB 91 77 51	#5B4D33
83.3%	83.3% #524528	RGB 82 69 40	#524528
100.0%	100.0% #4A3E1E	RGB 74 62 30	#4A3E1E

#7E6D5E #756553 #6C5D48 #64553E #5B4D33 #524528 #4A3E1E

#7E6D5E - #4A3E1E

HSV Blend

#7E6D5E - #4A3E1E | 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 #7E6D5E as 0% and #4A3E1E as 100%.

0.0%	0.0% #7E6D5E	RGB 126 109 94	#7E6D5E
16.7%	16.7% #756350	RGB 117 99 80	#756350
33.3%	33.3% #6C5A44	RGB 108 90 68	#6C5A44
50.0%	50.0% #645239	RGB 100 82 57	#645239
66.7%	66.7% #5B4B2F	RGB 91 75 47	#5B4B2F
83.3%	83.3% #524426	RGB 82 68 38	#524426
100.0%	100.0% #4A3E1E	RGB 74 62 30	#4A3E1E

#7E6D5E #756350 #6C5A44 #645239 #5B4B2F #524426 #4A3E1E

#7E6D5E - #645239 - #4A3E1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6D5E 0%, #645239 50%, #4A3E1E 100%);
    background: -webkit-linear-gradient(top, #7E6D5E 0%, #645239 50%, #4A3E1E 100%);
    background: linear-gradient(to bottom, #7E6D5E 0%, #645239 50%, #4A3E1E 100%);
}
</style>