#A69497 - #8C3E45 | 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 #A69497 to #8C3E45

#A69497 #8C3E45

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

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

0.0%	0.0% #A69497	RGB 166 148 151	#A69497
16.7%	16.7% #A18589	RGB 161 133 137	#A18589
33.3%	33.3% #9D777B	RGB 157 119 123	#9D777B
50.0%	50.0% #99696E	RGB 153 105 110	#99696E
66.7%	66.7% #945A60	RGB 148 90 96	#945A60
83.3%	83.3% #904C52	RGB 144 76 82	#904C52
100.0%	100.0% #8C3E45	RGB 140 62 69	#8C3E45

#A69497 #A18589 #9D777B #99696E #945A60 #904C52 #8C3E45

#A69497 - #8C3E45

HSV Blend

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

0.0%	0.0% #A69497	RGB 166 148 151	#A69497
16.7%	16.7% #A18488	RGB 161 132 136	#A18488
33.3%	33.3% #9D747A	RGB 157 116 122	#9D747A
50.0%	50.0% #99666C	RGB 153 102 108	#99666C
66.7%	66.7% #94585F	RGB 148 88 95	#94585F
83.3%	83.3% #904A51	RGB 144 74 81	#904A51
100.0%	100.0% #8C3E45	RGB 140 62 69	#8C3E45

#A69497 #A18488 #9D747A #99666C #94585F #904A51 #8C3E45

#A69497 - #99666C - #8C3E45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A69497 0%, #99666C 50%, #8C3E45 100%);
    background: -webkit-linear-gradient(top, #A69497 0%, #99666C 50%, #8C3E45 100%);
    background: linear-gradient(to bottom, #A69497 0%, #99666C 50%, #8C3E45 100%);
}
</style>