#9D9A8D - #765F38 | 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 #9D9A8D to #765F38

#9D9A8D #765F38

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

#9D9A8D - #765F38 | 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 #9D9A8D as 0% and #765F38 as 100%.

0.0%	0.0% #9D9A8D	RGB 157 154 141	#9D9A8D
16.7%	16.7% #96907E	RGB 150 144 126	#96907E
33.3%	33.3% #908670	RGB 144 134 112	#908670
50.0%	50.0% #897C62	RGB 137 124 98	#897C62
66.7%	66.7% #837254	RGB 131 114 84	#837254
83.3%	83.3% #7C6846	RGB 124 104 70	#7C6846
100.0%	100.0% #765F38	RGB 118 95 56	#765F38

#9D9A8D #96907E #908670 #897C62 #837254 #7C6846 #765F38

#9D9A8D - #765F38

HSV Blend

#9D9A8D - #765F38 | 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 #9D9A8D as 0% and #765F38 as 100%.

0.0%	0.0% #9D9A8D	RGB 157 154 141	#9D9A8D
16.7%	16.7% #96907C	RGB 150 144 124	#96907C
33.3%	33.3% #90876C	RGB 144 135 108	#90876C
50.0%	50.0% #897D5E	RGB 137 125 94	#897D5E
66.7%	66.7% #837350	RGB 131 115 80	#837350
83.3%	83.3% #7C6943	RGB 124 105 67	#7C6943
100.0%	100.0% #765F38	RGB 118 95 56	#765F38

#9D9A8D #96907C #90876C #897D5E #837350 #7C6943 #765F38

#9D9A8D - #897D5E - #765F38

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9A8D 0%, #897D5E 50%, #765F38 100%);
    background: -webkit-linear-gradient(top, #9D9A8D 0%, #897D5E 50%, #765F38 100%);
    background: linear-gradient(to bottom, #9D9A8D 0%, #897D5E 50%, #765F38 100%);
}
</style>