#969393 - #824B3C | 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 #969393 to #824B3C

#969393 #824B3C

Calculate the color between two colors, #969393 and #824B3C. 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)

#969393 - #824B3C | 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 #969393 as 0% and #824B3C as 100%.

0.0%	0.0% #969393	RGB 150 147 147	#969393
16.7%	16.7% #928784	RGB 146 135 132	#928784
33.3%	33.3% #8F7B76	RGB 143 123 118	#8F7B76
50.0%	50.0% #8C6F67	RGB 140 111 103	#8C6F67
66.7%	66.7% #886359	RGB 136 99 89	#886359
83.3%	83.3% #85574A	RGB 133 87 74	#85574A
100.0%	100.0% #824B3C	RGB 130 75 60	#824B3C

#969393 #928784 #8F7B76 #8C6F67 #886359 #85574A #824B3C

#969393 - #824B3C

HSV Blend

#969393 - #824B3C | 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 #969393 as 0% and #824B3C as 100%.

0.0%	0.0% #969393	RGB 150 147 147	#969393
16.7%	16.7% #928383	RGB 146 131 131	#928383
33.3%	33.3% #8F7573	RGB 143 117 115	#8F7573
50.0%	50.0% #8C6964	RGB 140 105 100	#8C6964
66.7%	66.7% #885D56	RGB 136 93 86	#885D56
83.3%	83.3% #855349	RGB 133 83 73	#855349
100.0%	100.0% #824B3C	RGB 130 75 60	#824B3C

#969393 #928383 #8F7573 #8C6964 #885D56 #855349 #824B3C

#969393 - #8C6964 - #824B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969393 0%, #8C6964 50%, #824B3C 100%);
    background: -webkit-linear-gradient(top, #969393 0%, #8C6964 50%, #824B3C 100%);
    background: linear-gradient(to bottom, #969393 0%, #8C6964 50%, #824B3C 100%);
}
</style>