#6D554F - #DFB76E | 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 #6D554F to #DFB76E

#6D554F #DFB76E

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

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

0.0%	0.0% #6D554F	RGB 109 85 79	#6D554F
16.7%	16.7% #806554	RGB 128 101 84	#806554
33.3%	33.3% #937559	RGB 147 117 89	#937559
50.0%	50.0% #A6865E	RGB 166 134 94	#A6865E
66.7%	66.7% #B99663	RGB 185 150 99	#B99663
83.3%	83.3% #CCA668	RGB 204 166 104	#CCA668
100.0%	100.0% #DFB76E	RGB 223 183 110	#DFB76E

#6D554F #806554 #937559 #A6865E #B99663 #CCA668 #DFB76E

#6D554F - #DFB76E

HSV Blend

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

0.0%	0.0% #6D554F	RGB 109 85 79	#6D554F
16.7%	16.7% #806257	RGB 128 98 87	#806257
33.3%	33.3% #93715F	RGB 147 113 95	#93715F
50.0%	50.0% #A68065	RGB 166 128 101	#A68065
66.7%	66.7% #B99169	RGB 185 145 105	#B99169
83.3%	83.3% #CCA36C	RGB 204 163 108	#CCA36C
100.0%	100.0% #DFB76E	RGB 223 183 110	#DFB76E

#6D554F #806257 #93715F #A68065 #B99169 #CCA36C #DFB76E

#6D554F - #A68065 - #DFB76E

CSS codes

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

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