#A68F8C - #8B4837 | 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 #A68F8C to #8B4837

#A68F8C #8B4837

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

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

0.0%	0.0% #A68F8C	RGB 166 143 140	#A68F8C
16.7%	16.7% #A1837D	RGB 161 131 125	#A1837D
33.3%	33.3% #9D776F	RGB 157 119 111	#9D776F
50.0%	50.0% #986B61	RGB 152 107 97	#986B61
66.7%	66.7% #945F53	RGB 148 95 83	#945F53
83.3%	83.3% #8F5345	RGB 143 83 69	#8F5345
100.0%	100.0% #8B4837	RGB 139 72 55	#8B4837

#A68F8C #A1837D #9D776F #986B61 #945F53 #8F5345 #8B4837

#A68F8C - #8B4837

HSV Blend

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

0.0%	0.0% #A68F8C	RGB 166 143 140	#A68F8C
16.7%	16.7% #A1817C	RGB 161 129 124	#A1817C
33.3%	33.3% #9D736C	RGB 157 115 108	#9D736C
50.0%	50.0% #98675E	RGB 152 103 94	#98675E
66.7%	66.7% #945C50	RGB 148 92 80	#945C50
83.3%	83.3% #8F5143	RGB 143 81 67	#8F5143
100.0%	100.0% #8B4837	RGB 139 72 55	#8B4837

#A68F8C #A1817C #9D736C #98675E #945C50 #8F5143 #8B4837

#A68F8C - #98675E - #8B4837

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A68F8C 0%, #98675E 50%, #8B4837 100%);
    background: -webkit-linear-gradient(top, #A68F8C 0%, #98675E 50%, #8B4837 100%);
    background: linear-gradient(to bottom, #A68F8C 0%, #98675E 50%, #8B4837 100%);
}
</style>