#A69897 - #8D4F41 | 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 #A69897 to #8D4F41

#A69897 #8D4F41

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

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

0.0%	0.0% #A69897	RGB 166 152 151	#A69897
16.7%	16.7% #A18B88	RGB 161 139 136	#A18B88
33.3%	33.3% #9D7F7A	RGB 157 127 122	#9D7F7A
50.0%	50.0% #99736C	RGB 153 115 108	#99736C
66.7%	66.7% #95675D	RGB 149 103 93	#95675D
83.3%	83.3% #915B4F	RGB 145 91 79	#915B4F
100.0%	100.0% #8D4F41	RGB 141 79 65	#8D4F41

#A69897 #A18B88 #9D7F7A #99736C #95675D #915B4F #8D4F41

#A69897 - #8D4F41

HSV Blend

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

0.0%	0.0% #A69897	RGB 166 152 151	#A69897
16.7%	16.7% #A18987	RGB 161 137 135	#A18987
33.3%	33.3% #9D7B77	RGB 157 123 119	#9D7B77
50.0%	50.0% #996F69	RGB 153 111 105	#996F69
66.7%	66.7% #95635B	RGB 149 99 91	#95635B
83.3%	83.3% #91584D	RGB 145 88 77	#91584D
100.0%	100.0% #8D4F41	RGB 141 79 65	#8D4F41

#A69897 #A18987 #9D7B77 #996F69 #95635B #91584D #8D4F41

#A69897 - #996F69 - #8D4F41

CSS codes

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

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