#7F7B5E - #5B4817 | 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 #7F7B5E to #5B4817

#7F7B5E #5B4817

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

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

0.0%	0.0% #7F7B5E	RGB 127 123 94	#7F7B5E
16.7%	16.7% #797252	RGB 121 114 82	#797252
33.3%	33.3% #736A46	RGB 115 106 70	#736A46
50.0%	50.0% #6D613A	RGB 109 97 58	#6D613A
66.7%	66.7% #67592E	RGB 103 89 46	#67592E
83.3%	83.3% #615022	RGB 97 80 34	#615022
100.0%	100.0% #5B4817	RGB 91 72 23	#5B4817

#7F7B5E #797252 #736A46 #6D613A #67592E #615022 #5B4817

#7F7B5E - #5B4817

HSV Blend

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

0.0%	0.0% #7F7B5E	RGB 127 123 94	#7F7B5E
16.7%	16.7% #79724F	RGB 121 114 79	#79724F
33.3%	33.3% #736A42	RGB 115 106 66	#736A42
50.0%	50.0% #6D6236	RGB 109 98 54	#6D6236
66.7%	66.7% #67592A	RGB 103 89 42	#67592A
83.3%	83.3% #615020	RGB 97 80 32	#615020
100.0%	100.0% #5B4817	RGB 91 72 23	#5B4817

#7F7B5E #79724F #736A42 #6D6236 #67592A #615020 #5B4817

#7F7B5E - #6D6236 - #5B4817

CSS codes

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

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