#8C8C8C - #757A35 | 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 #8C8C8C to #757A35

#8C8C8C #757A35

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

#8C8C8C - #757A35 | 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 #8C8C8C as 0% and #757A35 as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #88897D	RGB 136 137 125	#88897D
33.3%	33.3% #84866F	RGB 132 134 111	#84866F
50.0%	50.0% #808360	RGB 128 131 96	#808360
66.7%	66.7% #7C8052	RGB 124 128 82	#7C8052
83.3%	83.3% #787D43	RGB 120 125 67	#787D43
100.0%	100.0% #757A35	RGB 117 122 53	#757A35

#8C8C8C #88897D #84866F #808360 #7C8052 #787D43 #757A35

#8C8C8C - #757A35

HSV Blend

#8C8C8C - #757A35 | 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 #8C8C8C as 0% and #757A35 as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897E7C	RGB 137 126 124	#897E7C
33.3%	33.3% #86756C	RGB 134 117 108	#86756C
50.0%	50.0% #83715D	RGB 131 113 93	#83715D
66.7%	66.7% #80724F	RGB 128 114 79	#80724F
83.3%	83.3% #7D7642	RGB 125 118 66	#7D7642
100.0%	100.0% #757A35	RGB 117 122 53	#757A35

#8C8C8C #897E7C #86756C #83715D #80724F #7D7642 #757A35

#8C8C8C - #83715D - #757A35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8C 0%, #83715D 50%, #757A35 100%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%, #83715D 50%, #757A35 100%);
    background: linear-gradient(to bottom, #8C8C8C 0%, #83715D 50%, #757A35 100%);
}
</style>