#7E7B5D - #5A4916 | 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 #7E7B5D to #5A4916

#7E7B5D #5A4916

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

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

0.0%	0.0% #7E7B5D	RGB 126 123 93	#7E7B5D
16.7%	16.7% #787251	RGB 120 114 81	#787251
33.3%	33.3% #726A45	RGB 114 106 69	#726A45
50.0%	50.0% #6C6239	RGB 108 98 57	#6C6239
66.7%	66.7% #66592D	RGB 102 89 45	#66592D
83.3%	83.3% #605121	RGB 96 81 33	#605121
100.0%	100.0% #5A4916	RGB 90 73 22	#5A4916

#7E7B5D #787251 #726A45 #6C6239 #66592D #605121 #5A4916

#7E7B5D - #5A4916

HSV Blend

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

0.0%	0.0% #7E7B5D	RGB 126 123 93	#7E7B5D
16.7%	16.7% #78734E	RGB 120 115 78	#78734E
33.3%	33.3% #726B41	RGB 114 107 65	#726B41
50.0%	50.0% #6C6235	RGB 108 98 53	#6C6235
66.7%	66.7% #665A29	RGB 102 90 41	#665A29
83.3%	83.3% #60511F	RGB 96 81 31	#60511F
100.0%	100.0% #5A4916	RGB 90 73 22	#5A4916

#7E7B5D #78734E #726B41 #6C6235 #665A29 #60511F #5A4916

#7E7B5D - #6C6235 - #5A4916

CSS codes

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

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