#A69594 - #8C4D3E | 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 #A69594 to #8C4D3E

#A69594 #8C4D3E

Calculate the color between two colors, #A69594 and #8C4D3E. 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)

#A69594 - #8C4D3E | 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 #A69594 as 0% and #8C4D3E as 100%.

0.0%	0.0% #A69594	RGB 166 149 148	#A69594
16.7%	16.7% #A18985	RGB 161 137 133	#A18985
33.3%	33.3% #9D7D77	RGB 157 125 119	#9D7D77
50.0%	50.0% #997169	RGB 153 113 105	#997169
66.7%	66.7% #94655A	RGB 148 101 90	#94655A
83.3%	83.3% #90594C	RGB 144 89 76	#90594C
100.0%	100.0% #8C4D3E	RGB 140 77 62	#8C4D3E

#A69594 #A18985 #9D7D77 #997169 #94655A #90594C #8C4D3E

#A69594 - #8C4D3E

HSV Blend

#A69594 - #8C4D3E | 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 #A69594 as 0% and #8C4D3E as 100%.

0.0%	0.0% #A69594	RGB 166 149 148	#A69594
16.7%	16.7% #A18684	RGB 161 134 132	#A18684
33.3%	33.3% #9D7874	RGB 157 120 116	#9D7874
50.0%	50.0% #996C66	RGB 153 108 102	#996C66
66.7%	66.7% #946058	RGB 148 96 88	#946058
83.3%	83.3% #90564A	RGB 144 86 74	#90564A
100.0%	100.0% #8C4D3E	RGB 140 77 62	#8C4D3E

#A69594 #A18684 #9D7874 #996C66 #946058 #90564A #8C4D3E

#A69594 - #996C66 - #8C4D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A69594 0%, #996C66 50%, #8C4D3E 100%);
    background: -webkit-linear-gradient(top, #A69594 0%, #996C66 50%, #8C4D3E 100%);
    background: linear-gradient(to bottom, #A69594 0%, #996C66 50%, #8C4D3E 100%);
}
</style>