#6B564B - #DDA06F | 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 #6B564B to #DDA06F

#6B564B #DDA06F

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

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

0.0%	0.0% #6B564B	RGB 107 86 75	#6B564B
16.7%	16.7% #7E6251	RGB 126 98 81	#7E6251
33.3%	33.3% #916E57	RGB 145 110 87	#916E57
50.0%	50.0% #A47B5D	RGB 164 123 93	#A47B5D
66.7%	66.7% #B78763	RGB 183 135 99	#B78763
83.3%	83.3% #CA9369	RGB 202 147 105	#CA9369
100.0%	100.0% #DDA06F	RGB 221 160 111	#DDA06F

#6B564B #7E6251 #916E57 #A47B5D #B78763 #CA9369 #DDA06F

#6B564B - #DDA06F

HSV Blend

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

0.0%	0.0% #6B564B	RGB 107 86 75	#6B564B
16.7%	16.7% #7E6354	RGB 126 99 84	#7E6354
33.3%	33.3% #91705C	RGB 145 112 92	#91705C
50.0%	50.0% #A47C62	RGB 164 124 98	#A47C62
66.7%	66.7% #B78868	RGB 183 136 104	#B78868
83.3%	83.3% #CA946C	RGB 202 148 108	#CA946C
100.0%	100.0% #DDA06F	RGB 221 160 111	#DDA06F

#6B564B #7E6354 #91705C #A47C62 #B78868 #CA946C #DDA06F

#6B564B - #A47C62 - #DDA06F

CSS codes

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

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