#996860 - #772D18 | 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 #996860 to #772D18

#996860 #772D18

Calculate the color between two colors, #996860 and #772D18. 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)

#996860 - #772D18 | 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 #996860 as 0% and #772D18 as 100%.

0.0%	0.0% #996860	RGB 153 104 96	#996860
16.7%	16.7% #935E54	RGB 147 94 84	#935E54
33.3%	33.3% #8D5448	RGB 141 84 72	#8D5448
50.0%	50.0% #884A3C	RGB 136 74 60	#884A3C
66.7%	66.7% #824030	RGB 130 64 48	#824030
83.3%	83.3% #7C3624	RGB 124 54 36	#7C3624
100.0%	100.0% #772D18	RGB 119 45 24	#772D18

#996860 #935E54 #8D5448 #884A3C #824030 #7C3624 #772D18

#996860 - #772D18

HSV Blend

#996860 - #772D18 | 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 #996860 as 0% and #772D18 as 100%.

0.0%	0.0% #996860	RGB 153 104 96	#996860
16.7%	16.7% #935C51	RGB 147 92 81	#935C51
33.3%	33.3% #8D5044	RGB 141 80 68	#8D5044
50.0%	50.0% #884638	RGB 136 70 56	#884638
66.7%	66.7% #823D2C	RGB 130 61 44	#823D2C
83.3%	83.3% #7C3421	RGB 124 52 33	#7C3421
100.0%	100.0% #772D18	RGB 119 45 24	#772D18

#996860 #935C51 #8D5044 #884638 #823D2C #7C3421 #772D18

#996860 - #884638 - #772D18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #996860 0%, #884638 50%, #772D18 100%);
    background: -webkit-linear-gradient(top, #996860 0%, #884638 50%, #772D18 100%);
    background: linear-gradient(to bottom, #996860 0%, #884638 50%, #772D18 100%);
}
</style>