#7B6F5E - #EEB67D | 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 #7B6F5E to #EEB67D

#7B6F5E #EEB67D

Calculate the color between two colors, #7B6F5E and #EEB67D. 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)

#7B6F5E - #EEB67D | 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 #7B6F5E as 0% and #EEB67D as 100%.

0.0%	0.0% #7B6F5E	RGB 123 111 94	#7B6F5E
16.7%	16.7% #8E7A63	RGB 142 122 99	#8E7A63
33.3%	33.3% #A18668	RGB 161 134 104	#A18668
50.0%	50.0% #B4926D	RGB 180 146 109	#B4926D
66.7%	66.7% #C79E72	RGB 199 158 114	#C79E72
83.3%	83.3% #DAAA77	RGB 218 170 119	#DAAA77
100.0%	100.0% #EEB67D	RGB 238 182 125	#EEB67D

#7B6F5E #8E7A63 #A18668 #B4926D #C79E72 #DAAA77 #EEB67D

#7B6F5E - #EEB67D

HSV Blend

#7B6F5E - #EEB67D | 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 #7B6F5E as 0% and #EEB67D as 100%.

0.0%	0.0% #7B6F5E	RGB 123 111 94	#7B6F5E
16.7%	16.7% #8E7D66	RGB 142 125 102	#8E7D66
33.3%	33.3% #A18A6E	RGB 161 138 110	#A18A6E
50.0%	50.0% #B49774	RGB 180 151 116	#B49774
66.7%	66.7% #C7A278	RGB 199 162 120	#C7A278
83.3%	83.3% #DAAC7B	RGB 218 172 123	#DAAC7B
100.0%	100.0% #EEB67D	RGB 238 182 125	#EEB67D

#7B6F5E #8E7D66 #A18A6E #B49774 #C7A278 #DAAC7B #EEB67D

#7B6F5E - #B49774 - #EEB67D

CSS codes

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

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