#976C6C - #7B2D1E | 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 #976C6C to #7B2D1E

#976C6C #7B2D1E

Calculate the color between two colors, #976C6C and #7B2D1E. 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)

#976C6C - #7B2D1E | 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 #976C6C as 0% and #7B2D1E as 100%.

0.0%	0.0% #976C6C	RGB 151 108 108	#976C6C
16.7%	16.7% #92615F	RGB 146 97 95	#92615F
33.3%	33.3% #8D5752	RGB 141 87 82	#8D5752
50.0%	50.0% #894C45	RGB 137 76 69	#894C45
66.7%	66.7% #844238	RGB 132 66 56	#844238
83.3%	83.3% #7F372B	RGB 127 55 43	#7F372B
100.0%	100.0% #7B2D1E	RGB 123 45 30	#7B2D1E

#976C6C #92615F #8D5752 #894C45 #844238 #7F372B #7B2D1E

#976C6C - #7B2D1E

HSV Blend

#976C6C - #7B2D1E | 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 #976C6C as 0% and #7B2D1E as 100%.

0.0%	0.0% #976C6C	RGB 151 108 108	#976C6C
16.7%	16.7% #925E5D	RGB 146 94 93	#925E5D
33.3%	33.3% #8D524F	RGB 141 82 79	#8D524F
50.0%	50.0% #894741	RGB 137 71 65	#894741
66.7%	66.7% #843D35	RGB 132 61 53	#843D35
83.3%	83.3% #7F3429	RGB 127 52 41	#7F3429
100.0%	100.0% #7B2D1E	RGB 123 45 30	#7B2D1E

#976C6C #925E5D #8D524F #894741 #843D35 #7F3429 #7B2D1E

#976C6C - #894741 - #7B2D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #976C6C 0%, #894741 50%, #7B2D1E 100%);
    background: -webkit-linear-gradient(top, #976C6C 0%, #894741 50%, #7B2D1E 100%);
    background: linear-gradient(to bottom, #976C6C 0%, #894741 50%, #7B2D1E 100%);
}
</style>