#A98A8C - #6F3F3E | 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 #A98A8C to #6F3F3E

#A98A8C #6F3F3E

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

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

0.0%	0.0% #A98A8C	RGB 169 138 140	#A98A8C
16.7%	16.7% #9F7D7F	RGB 159 125 127	#9F7D7F
33.3%	33.3% #957172	RGB 149 113 114	#957172
50.0%	50.0% #8C6465	RGB 140 100 101	#8C6465
66.7%	66.7% #825858	RGB 130 88 88	#825858
83.3%	83.3% #784B4B	RGB 120 75 75	#784B4B
100.0%	100.0% #6F3F3E	RGB 111 63 62	#6F3F3E

#A98A8C #9F7D7F #957172 #8C6465 #825858 #784B4B #6F3F3E

#A98A8C - #6F3F3E

HSV Blend

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

0.0%	0.0% #A98A8C	RGB 169 138 140	#A98A8C
16.7%	16.7% #9F7B7D	RGB 159 123 125	#9F7B7D
33.3%	33.3% #956D6E	RGB 149 109 110	#956D6E
50.0%	50.0% #8C6061	RGB 140 96 97	#8C6061
66.7%	66.7% #825454	RGB 130 84 84	#825454
83.3%	83.3% #784848	RGB 120 72 72	#784848
100.0%	100.0% #6F3F3E	RGB 111 63 62	#6F3F3E

#A98A8C #9F7B7D #956D6E #8C6061 #825454 #784848 #6F3F3E

#A98A8C - #8C6061 - #6F3F3E

CSS codes

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

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