#976464 - #78281A | 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 #976464 to #78281A

#976464 #78281A

Calculate the color between two colors, #976464 and #78281A. 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)

#976464 - #78281A | 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 #976464 as 0% and #78281A as 100%.

0.0%	0.0% #976464	RGB 151 100 100	#976464
16.7%	16.7% #915A57	RGB 145 90 87	#915A57
33.3%	33.3% #8C504B	RGB 140 80 75	#8C504B
50.0%	50.0% #87463F	RGB 135 70 63	#87463F
66.7%	66.7% #823C32	RGB 130 60 50	#823C32
83.3%	83.3% #7D3226	RGB 125 50 38	#7D3226
100.0%	100.0% #78281A	RGB 120 40 26	#78281A

#976464 #915A57 #8C504B #87463F #823C32 #7D3226 #78281A

#976464 - #78281A

HSV Blend

#976464 - #78281A | 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 #976464 as 0% and #78281A as 100%.

0.0%	0.0% #976464	RGB 151 100 100	#976464
16.7%	16.7% #915755	RGB 145 87 85	#915755
33.3%	33.3% #8C4B48	RGB 140 75 72	#8C4B48
50.0%	50.0% #87413B	RGB 135 65 59	#87413B
66.7%	66.7% #82372F	RGB 130 55 47	#82372F
83.3%	83.3% #7D2F24	RGB 125 47 36	#7D2F24
100.0%	100.0% #78281A	RGB 120 40 26	#78281A

#976464 #915755 #8C4B48 #87413B #82372F #7D2F24 #78281A

#976464 - #87413B - #78281A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #976464 0%, #87413B 50%, #78281A 100%);
    background: -webkit-linear-gradient(top, #976464 0%, #87413B 50%, #78281A 100%);
    background: linear-gradient(to bottom, #976464 0%, #87413B 50%, #78281A 100%);
}
</style>