#7D6C5E - #EDBA7F | 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 #7D6C5E to #EDBA7F

#7D6C5E #EDBA7F

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

#7D6C5E - #EDBA7F | 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 #7D6C5E as 0% and #EDBA7F as 100%.

0.0%	0.0% #7D6C5E	RGB 125 108 94	#7D6C5E
16.7%	16.7% #8F7963	RGB 143 121 99	#8F7963
33.3%	33.3% #A28669	RGB 162 134 105	#A28669
50.0%	50.0% #B5936E	RGB 181 147 110	#B5936E
66.7%	66.7% #C7A074	RGB 199 160 116	#C7A074
83.3%	83.3% #DAAD79	RGB 218 173 121	#DAAD79
100.0%	100.0% #EDBA7F	RGB 237 186 127	#EDBA7F

#7D6C5E #8F7963 #A28669 #B5936E #C7A074 #DAAD79 #EDBA7F

#7D6C5E - #EDBA7F

HSV Blend

#7D6C5E - #EDBA7F | 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 #7D6C5E as 0% and #EDBA7F as 100%.

0.0%	0.0% #7D6C5E	RGB 125 108 94	#7D6C5E
16.7%	16.7% #8F7966	RGB 143 121 102	#8F7966
33.3%	33.3% #A2876E	RGB 162 135 110	#A2876E
50.0%	50.0% #B59474	RGB 181 148 116	#B59474
66.7%	66.7% #C7A179	RGB 199 161 121	#C7A179
83.3%	83.3% #DAAD7C	RGB 218 173 124	#DAAD7C
100.0%	100.0% #EDBA7F	RGB 237 186 127	#EDBA7F

#7D6C5E #8F7966 #A2876E #B59474 #C7A179 #DAAD7C #EDBA7F

#7D6C5E - #B59474 - #EDBA7F

CSS codes

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

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