#969595 - #82753E | 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 #969595 to #82753E

#969595 #82753E

Calculate the color between two colors, #969595 and #82753E. 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)

#969595 - #82753E | 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 #969595 as 0% and #82753E as 100%.

0.0%	0.0% #969595	RGB 150 149 149	#969595
16.7%	16.7% #928F86	RGB 146 143 134	#928F86
33.3%	33.3% #8F8A78	RGB 143 138 120	#8F8A78
50.0%	50.0% #8C8569	RGB 140 133 105	#8C8569
66.7%	66.7% #887F5B	RGB 136 127 91	#887F5B
83.3%	83.3% #857A4C	RGB 133 122 76	#857A4C
100.0%	100.0% #82753E	RGB 130 117 62	#82753E

#969595 #928F86 #8F8A78 #8C8569 #887F5B #857A4C #82753E

#969595 - #82753E

HSV Blend

#969595 - #82753E | 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 #969595 as 0% and #82753E as 100%.

0.0%	0.0% #969595	RGB 150 149 149	#969595
16.7%	16.7% #928685	RGB 146 134 133	#928685
33.3%	33.3% #8F7C75	RGB 143 124 117	#8F7C75
50.0%	50.0% #8C7566	RGB 140 117 102	#8C7566
66.7%	66.7% #887258	RGB 136 114 88	#887258
83.3%	83.3% #85724B	RGB 133 114 75	#85724B
100.0%	100.0% #82753E	RGB 130 117 62	#82753E

#969595 #928685 #8F7C75 #8C7566 #887258 #85724B #82753E

#969595 - #8C7566 - #82753E

CSS codes

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

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