#9A8C95 - #703945 | 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 #9A8C95 to #703945

#9A8C95 #703945

Calculate the color between two colors, #9A8C95 and #703945. 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)

#9A8C95 - #703945 | 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 #9A8C95 as 0% and #703945 as 100%.

0.0%	0.0% #9A8C95	RGB 154 140 149	#9A8C95
16.7%	16.7% #937E87	RGB 147 126 135	#937E87
33.3%	33.3% #8C707A	RGB 140 112 122	#8C707A
50.0%	50.0% #85626D	RGB 133 98 109	#85626D
66.7%	66.7% #7E545F	RGB 126 84 95	#7E545F
83.3%	83.3% #774652	RGB 119 70 82	#774652
100.0%	100.0% #703945	RGB 112 57 69	#703945

#9A8C95 #937E87 #8C707A #85626D #7E545F #774652 #703945

#9A8C95 - #703945

HSV Blend

#9A8C95 - #703945 | 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 #9A8C95 as 0% and #703945 as 100%.

0.0%	0.0% #9A8C95	RGB 154 140 149	#9A8C95
16.7%	16.7% #937B89	RGB 147 123 137	#937B89
33.3%	33.3% #8C6C7C	RGB 140 108 124	#8C6C7C
50.0%	50.0% #855E6E	RGB 133 94 110	#855E6E
66.7%	66.7% #7E5061	RGB 126 80 97	#7E5061
83.3%	83.3% #774453	RGB 119 68 83	#774453
100.0%	100.0% #703945	RGB 112 57 69	#703945

#9A8C95 #937B89 #8C6C7C #855E6E #7E5061 #774453 #703945

#9A8C95 - #855E6E - #703945

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C95 0%, #855E6E 50%, #703945 100%);
    background: -webkit-linear-gradient(top, #9A8C95 0%, #855E6E 50%, #703945 100%);
    background: linear-gradient(to bottom, #9A8C95 0%, #855E6E 50%, #703945 100%);
}
</style>