#6D6E5E - #D1B985 | 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 #6D6E5E to #D1B985

#6D6E5E #D1B985

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

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

0.0%	0.0% #6D6E5E	RGB 109 110 94	#6D6E5E
16.7%	16.7% #7D7A64	RGB 125 122 100	#7D7A64
33.3%	33.3% #8E876B	RGB 142 135 107	#8E876B
50.0%	50.0% #9F9371	RGB 159 147 113	#9F9371
66.7%	66.7% #AFA078	RGB 175 160 120	#AFA078
83.3%	83.3% #C0AC7E	RGB 192 172 126	#C0AC7E
100.0%	100.0% #D1B985	RGB 209 185 133	#D1B985

#6D6E5E #7D7A64 #8E876B #9F9371 #AFA078 #C0AC7E #D1B985

#6D6E5E - #D1B985

HSV Blend

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

0.0%	0.0% #6D6E5E	RGB 109 110 94	#6D6E5E
16.7%	16.7% #7E7E67	RGB 126 126 103	#7E7E67
33.3%	33.3% #8F8D6F	RGB 143 141 111	#8F8D6F
50.0%	50.0% #9F9A76	RGB 159 154 118	#9F9A76
66.7%	66.7% #B0A67C	RGB 176 166 124	#B0A67C
83.3%	83.3% #C0B081	RGB 192 176 129	#C0B081
100.0%	100.0% #D1B985	RGB 209 185 133	#D1B985

#6D6E5E #7E7E67 #8F8D6F #9F9A76 #B0A67C #C0B081 #D1B985

#6D6E5E - #9F9A76 - #D1B985

CSS codes

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

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