#7A6B5E - #5F3615 | 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 #7A6B5E to #5F3615

#7A6B5E #5F3615

Calculate the color between two colors, #7A6B5E and #5F3615. 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)

#7A6B5E - #5F3615 | 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 #7A6B5E as 0% and #5F3615 as 100%.

0.0%	0.0% #7A6B5E	RGB 122 107 94	#7A6B5E
16.7%	16.7% #756251	RGB 117 98 81	#756251
33.3%	33.3% #715945	RGB 113 89 69	#715945
50.0%	50.0% #6C5039	RGB 108 80 57	#6C5039
66.7%	66.7% #68472D	RGB 104 71 45	#68472D
83.3%	83.3% #633E21	RGB 99 62 33	#633E21
100.0%	100.0% #5F3615	RGB 95 54 21	#5F3615

#7A6B5E #756251 #715945 #6C5039 #68472D #633E21 #5F3615

#7A6B5E - #5F3615

HSV Blend

#7A6B5E - #5F3615 | 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 #7A6B5E as 0% and #5F3615 as 100%.

0.0%	0.0% #7A6B5E	RGB 122 107 94	#7A6B5E
16.7%	16.7% #75614F	RGB 117 97 79	#75614F
33.3%	33.3% #715742	RGB 113 87 66	#715742
50.0%	50.0% #6C4E35	RGB 108 78 53	#6C4E35
66.7%	66.7% #68462A	RGB 104 70 42	#68462A
83.3%	83.3% #633D1F	RGB 99 61 31	#633D1F
100.0%	100.0% #5F3615	RGB 95 54 21	#5F3615

#7A6B5E #75614F #715742 #6C4E35 #68462A #633D1F #5F3615

#7A6B5E - #6C4E35 - #5F3615

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A6B5E 0%, #6C4E35 50%, #5F3615 100%);
    background: -webkit-linear-gradient(top, #7A6B5E 0%, #6C4E35 50%, #5F3615 100%);
    background: linear-gradient(to bottom, #7A6B5E 0%, #6C4E35 50%, #5F3615 100%);
}
</style>