#9D9393 - #874A3D | 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 #9D9393 to #874A3D

#9D9393 #874A3D

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

#9D9393 - #874A3D | 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 #9D9393 as 0% and #874A3D as 100%.

0.0%	0.0% #9D9393	RGB 157 147 147	#9D9393
16.7%	16.7% #998684	RGB 153 134 132	#998684
33.3%	33.3% #957A76	RGB 149 122 118	#957A76
50.0%	50.0% #926E68	RGB 146 110 104	#926E68
66.7%	66.7% #8E6259	RGB 142 98 89	#8E6259
83.3%	83.3% #8A564B	RGB 138 86 75	#8A564B
100.0%	100.0% #874A3D	RGB 135 74 61	#874A3D

#9D9393 #998684 #957A76 #926E68 #8E6259 #8A564B #874A3D

#9D9393 - #874A3D

HSV Blend

#9D9393 - #874A3D | 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 #9D9393 as 0% and #874A3D as 100%.

0.0%	0.0% #9D9393	RGB 157 147 147	#9D9393
16.7%	16.7% #998383	RGB 153 131 131	#998383
33.3%	33.3% #957573	RGB 149 117 115	#957573
50.0%	50.0% #926965	RGB 146 105 101	#926965
66.7%	66.7% #8E5D57	RGB 142 93 87	#8E5D57
83.3%	83.3% #8A5349	RGB 138 83 73	#8A5349
100.0%	100.0% #874A3D	RGB 135 74 61	#874A3D

#9D9393 #998383 #957573 #926965 #8E5D57 #8A5349 #874A3D

#9D9393 - #926965 - #874A3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9393 0%, #926965 50%, #874A3D 100%);
    background: -webkit-linear-gradient(top, #9D9393 0%, #926965 50%, #874A3D 100%);
    background: linear-gradient(to bottom, #9D9393 0%, #926965 50%, #874A3D 100%);
}
</style>