#6B564C - #DDA071 | 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 #6B564C to #DDA071

#6B564C #DDA071

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

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

0.0%	0.0% #6B564C	RGB 107 86 76	#6B564C
16.7%	16.7% #7E6252	RGB 126 98 82	#7E6252
33.3%	33.3% #916E58	RGB 145 110 88	#916E58
50.0%	50.0% #A47B5E	RGB 164 123 94	#A47B5E
66.7%	66.7% #B78764	RGB 183 135 100	#B78764
83.3%	83.3% #CA936A	RGB 202 147 106	#CA936A
100.0%	100.0% #DDA071	RGB 221 160 113	#DDA071

#6B564C #7E6252 #916E58 #A47B5E #B78764 #CA936A #DDA071

#6B564C - #DDA071

HSV Blend

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

0.0%	0.0% #6B564C	RGB 107 86 76	#6B564C
16.7%	16.7% #7E6355	RGB 126 99 85	#7E6355
33.3%	33.3% #916F5D	RGB 145 111 93	#916F5D
50.0%	50.0% #A47C64	RGB 164 124 100	#A47C64
66.7%	66.7% #B78869	RGB 183 136 105	#B78869
83.3%	83.3% #CA946D	RGB 202 148 109	#CA946D
100.0%	100.0% #DDA071	RGB 221 160 113	#DDA071

#6B564C #7E6355 #916F5D #A47C64 #B78869 #CA946D #DDA071

#6B564C - #A47C64 - #DDA071

CSS codes

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

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