#9C372B - #5E1A06 | 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 #9C372B to #5E1A06

#9C372B #5E1A06

Calculate the color between two colors, #9C372B and #5E1A06. 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)

#9C372B - #5E1A06 | 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 #9C372B as 0% and #5E1A06 as 100%.

0.0%	0.0% #9C372B	RGB 156 55 43	#9C372B
16.7%	16.7% #913224	RGB 145 50 36	#913224
33.3%	33.3% #872D1E	RGB 135 45 30	#872D1E
50.0%	50.0% #7D2818	RGB 125 40 24	#7D2818
66.7%	66.7% #722312	RGB 114 35 18	#722312
83.3%	83.3% #681E0C	RGB 104 30 12	#681E0C
100.0%	100.0% #5E1A06	RGB 94 26 6	#5E1A06

#9C372B #913224 #872D1E #7D2818 #722312 #681E0C #5E1A06

#9C372B - #5E1A06

HSV Blend

#9C372B - #5E1A06 | 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 #9C372B as 0% and #5E1A06 as 100%.

0.0%	0.0% #9C372B	RGB 156 55 43	#9C372B
16.7%	16.7% #913023	RGB 145 48 35	#913023
33.3%	33.3% #872B1B	RGB 135 43 27	#872B1B
50.0%	50.0% #7D2615	RGB 125 38 21	#7D2615
66.7%	66.7% #72210F	RGB 114 33 15	#72210F
83.3%	83.3% #681D0A	RGB 104 29 10	#681D0A
100.0%	100.0% #5E1A06	RGB 94 26 6	#5E1A06

#9C372B #913023 #872B1B #7D2615 #72210F #681D0A #5E1A06

#9C372B - #7D2615 - #5E1A06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C372B 0%, #7D2615 50%, #5E1A06 100%);
    background: -webkit-linear-gradient(top, #9C372B 0%, #7D2615 50%, #5E1A06 100%);
    background: linear-gradient(to bottom, #9C372B 0%, #7D2615 50%, #5E1A06 100%);
}
</style>