#966B5E - #743117 | 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 #966B5E to #743117

#966B5E #743117

Calculate the color between two colors, #966B5E and #743117. 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)

#966B5E - #743117 | 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 #966B5E as 0% and #743117 as 100%.

0.0%	0.0% #966B5E	RGB 150 107 94	#966B5E
16.7%	16.7% #906152	RGB 144 97 82	#906152
33.3%	33.3% #8A5746	RGB 138 87 70	#8A5746
50.0%	50.0% #854E3A	RGB 133 78 58	#854E3A
66.7%	66.7% #7F442E	RGB 127 68 46	#7F442E
83.3%	83.3% #793A22	RGB 121 58 34	#793A22
100.0%	100.0% #743117	RGB 116 49 23	#743117

#966B5E #906152 #8A5746 #854E3A #7F442E #793A22 #743117

#966B5E - #743117

HSV Blend

#966B5E - #743117 | 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 #966B5E as 0% and #743117 as 100%.

0.0%	0.0% #966B5E	RGB 150 107 94	#966B5E
16.7%	16.7% #905F50	RGB 144 95 80	#905F50
33.3%	33.3% #8A5443	RGB 138 84 67	#8A5443
50.0%	50.0% #854A36	RGB 133 74 54	#854A36
66.7%	66.7% #7F412B	RGB 127 65 43	#7F412B
83.3%	83.3% #793820	RGB 121 56 32	#793820
100.0%	100.0% #743117	RGB 116 49 23	#743117

#966B5E #905F50 #8A5443 #854A36 #7F412B #793820 #743117

#966B5E - #854A36 - #743117

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #966B5E 0%, #854A36 50%, #743117 100%);
    background: -webkit-linear-gradient(top, #966B5E 0%, #854A36 50%, #743117 100%);
    background: linear-gradient(to bottom, #966B5E 0%, #854A36 50%, #743117 100%);
}
</style>