#9A1E20 - #5E1407 | 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 #9A1E20 to #5E1407

#9A1E20 #5E1407

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

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

0.0%	0.0% #9A1E20	RGB 154 30 32	#9A1E20
16.7%	16.7% #901C1B	RGB 144 28 27	#901C1B
33.3%	33.3% #861A17	RGB 134 26 23	#861A17
50.0%	50.0% #7C1913	RGB 124 25 19	#7C1913
66.7%	66.7% #72170F	RGB 114 23 15	#72170F
83.3%	83.3% #68150B	RGB 104 21 11	#68150B
100.0%	100.0% #5E1407	RGB 94 20 7	#5E1407

#9A1E20 #901C1B #861A17 #7C1913 #72170F #68150B #5E1407

#9A1E20 - #5E1407

HSV Blend

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

0.0%	0.0% #9A1E20	RGB 154 30 32	#9A1E20
16.7%	16.7% #901A19	RGB 144 26 25	#901A19
33.3%	33.3% #861914	RGB 134 25 20	#861914
50.0%	50.0% #7C1710	RGB 124 23 16	#7C1710
66.7%	66.7% #72160D	RGB 114 22 13	#72160D
83.3%	83.3% #681509	RGB 104 21 9	#681509
100.0%	100.0% #5E1407	RGB 94 20 7	#5E1407

#9A1E20 #901A19 #861914 #7C1710 #72160D #681509 #5E1407

#9A1E20 - #7C1710 - #5E1407

CSS codes

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

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