#9F491B - #2D1407 | 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 #9F491B to #2D1407

#9F491B #2D1407

Calculate the color between two colors, #9F491B and #2D1407. 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)

#9F491B - #2D1407 | 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 #9F491B as 0% and #2D1407 as 100%.

0.0%	0.0% #9F491B	RGB 159 73 27	#9F491B
16.7%	16.7% #8C4017	RGB 140 64 23	#8C4017
33.3%	33.3% #793714	RGB 121 55 20	#793714
50.0%	50.0% #662E11	RGB 102 46 17	#662E11
66.7%	66.7% #53250D	RGB 83 37 13	#53250D
83.3%	83.3% #401C0A	RGB 64 28 10	#401C0A
100.0%	100.0% #2D1407	RGB 45 20 7	#2D1407

#9F491B #8C4017 #793714 #662E11 #53250D #401C0A #2D1407

#9F491B - #2D1407

HSV Blend

#9F491B - #2D1407 | 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 #9F491B as 0% and #2D1407 as 100%.

0.0%	0.0% #9F491A	RGB 159 73 26	#9F491A
16.7%	16.7% #8C3F17	RGB 140 63 23	#8C3F17
33.3%	33.3% #793613	RGB 121 54 19	#793613
50.0%	50.0% #662E10	RGB 102 46 16	#662E10
66.7%	66.7% #53250D	RGB 83 37 13	#53250D
83.3%	83.3% #401C0A	RGB 64 28 10	#401C0A
100.0%	100.0% #2D1407	RGB 45 20 7	#2D1407

#9F491A #8C3F17 #793613 #662E10 #53250D #401C0A #2D1407

#9F491B - #662E10 - #2D1407

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F491A 0%, #662E10 50%, #2D1407 100%);
    background: -webkit-linear-gradient(top, #9F491A 0%, #662E10 50%, #2D1407 100%);
    background: linear-gradient(to bottom, #9F491A 0%, #662E10 50%, #2D1407 100%);
}
</style>