#6D7E5E - #DAC37F | 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 #6D7E5E to #DAC37F

#6D7E5E #DAC37F

Calculate the color between two colors, #6D7E5E and #DAC37F. 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)

#6D7E5E - #DAC37F | 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 #6D7E5E as 0% and #DAC37F as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #7F8963	RGB 127 137 99	#7F8963
33.3%	33.3% #919569	RGB 145 149 105	#919569
50.0%	50.0% #A3A06E	RGB 163 160 110	#A3A06E
66.7%	66.7% #B5AC74	RGB 181 172 116	#B5AC74
83.3%	83.3% #C7B779	RGB 199 183 121	#C7B779
100.0%	100.0% #DAC37F	RGB 218 195 127	#DAC37F

#6D7E5E #7F8963 #919569 #A3A06E #B5AC74 #C7B779 #DAC37F

#6D7E5E - #DAC37F

HSV Blend

#6D7E5E - #DAC37F | 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 #6D7E5E as 0% and #DAC37F as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #7D8D65	RGB 125 141 101	#7D8D65
33.3%	33.3% #8F9C6C	RGB 143 156 108	#8F9C6C
50.0%	50.0% #A3AC72	RGB 163 172 114	#A3AC72
66.7%	66.7% #BABB77	RGB 186 187 119	#BABB77
83.3%	83.3% #CAC17B	RGB 202 193 123	#CAC17B
100.0%	100.0% #DAC37F	RGB 218 195 127	#DAC37F

#6D7E5E #7D8D65 #8F9C6C #A3AC72 #BABB77 #CAC17B #DAC37F

#6D7E5E - #A3AC72 - #DAC37F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7E5E 0%, #A3AC72 50%, #DAC37F 100%);
    background: -webkit-linear-gradient(top, #6D7E5E 0%, #A3AC72 50%, #DAC37F 100%);
    background: linear-gradient(to bottom, #6D7E5E 0%, #A3AC72 50%, #DAC37F 100%);
}
</style>