#A98A8D - #703E3F | 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 #A98A8D to #703E3F

#A98A8D #703E3F

Calculate the color between two colors, #A98A8D and #703E3F. 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)

#A98A8D - #703E3F | 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 #A98A8D as 0% and #703E3F as 100%.

0.0%	0.0% #A98A8D	RGB 169 138 141	#A98A8D
16.7%	16.7% #9F7D80	RGB 159 125 128	#9F7D80
33.3%	33.3% #967073	RGB 150 112 115	#967073
50.0%	50.0% #8C6466	RGB 140 100 102	#8C6466
66.7%	66.7% #835759	RGB 131 87 89	#835759
83.3%	83.3% #794A4C	RGB 121 74 76	#794A4C
100.0%	100.0% #703E3F	RGB 112 62 63	#703E3F

#A98A8D #9F7D80 #967073 #8C6466 #835759 #794A4C #703E3F

#A98A8D - #703E3F

HSV Blend

#A98A8D - #703E3F | 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 #A98A8D as 0% and #703E3F as 100%.

0.0%	0.0% #A98A8D	RGB 169 138 141	#A98A8D
16.7%	16.7% #9F7B7E	RGB 159 123 126	#9F7B7E
33.3%	33.3% #966D70	RGB 150 109 112	#966D70
50.0%	50.0% #8C6062	RGB 140 96 98	#8C6062
66.7%	66.7% #835456	RGB 131 84 86	#835456
83.3%	83.3% #79484A	RGB 121 72 74	#79484A
100.0%	100.0% #703E3F	RGB 112 62 63	#703E3F

#A98A8D #9F7B7E #966D70 #8C6062 #835456 #79484A #703E3F

#A98A8D - #8C6062 - #703E3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A98A8D 0%, #8C6062 50%, #703E3F 100%);
    background: -webkit-linear-gradient(top, #A98A8D 0%, #8C6062 50%, #703E3F 100%);
    background: linear-gradient(to bottom, #A98A8D 0%, #8C6062 50%, #703E3F 100%);
}
</style>