#9C312B - #5E1607 | 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 #9C312B to #5E1607

#9C312B #5E1607

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

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

0.0%	0.0% #9C312B	RGB 156 49 43	#9C312B
16.7%	16.7% #912C25	RGB 145 44 37	#912C25
33.3%	33.3% #87281F	RGB 135 40 31	#87281F
50.0%	50.0% #7D2319	RGB 125 35 25	#7D2319
66.7%	66.7% #721F13	RGB 114 31 19	#721F13
83.3%	83.3% #681A0D	RGB 104 26 13	#681A0D
100.0%	100.0% #5E1607	RGB 94 22 7	#5E1607

#9C312B #912C25 #87281F #7D2319 #721F13 #681A0D #5E1607

#9C312B - #5E1607

HSV Blend

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

0.0%	0.0% #9C312B	RGB 156 49 43	#9C312B
16.7%	16.7% #912B23	RGB 145 43 35	#912B23
33.3%	33.3% #87261C	RGB 135 38 28	#87261C
50.0%	50.0% #7D2115	RGB 125 33 21	#7D2115
66.7%	66.7% #721D10	RGB 114 29 16	#721D10
83.3%	83.3% #68190B	RGB 104 25 11	#68190B
100.0%	100.0% #5E1607	RGB 94 22 7	#5E1607

#9C312B #912B23 #87261C #7D2115 #721D10 #68190B #5E1607

#9C312B - #7D2115 - #5E1607

CSS codes

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

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