#9C2B3F - #5E060D | 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 #9C2B3F to #5E060D

#9C2B3F #5E060D

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

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

0.0%	0.0% #9C2B3F	RGB 156 43 63	#9C2B3F
16.7%	16.7% #912436	RGB 145 36 54	#912436
33.3%	33.3% #871E2E	RGB 135 30 46	#871E2E
50.0%	50.0% #7D1826	RGB 125 24 38	#7D1826
66.7%	66.7% #72121D	RGB 114 18 29	#72121D
83.3%	83.3% #680C15	RGB 104 12 21	#680C15
100.0%	100.0% #5E060D	RGB 94 6 13	#5E060D

#9C2B3F #912436 #871E2E #7D1826 #72121D #680C15 #5E060D

#9C2B3F - #5E060D

HSV Blend

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

0.0%	0.0% #9C2B3E	RGB 156 43 62	#9C2B3E
16.7%	16.7% #912334	RGB 145 35 52	#912334
33.3%	33.3% #871B2B	RGB 135 27 43	#871B2B
50.0%	50.0% #7D1522	RGB 125 21 34	#7D1522
66.7%	66.7% #720F1A	RGB 114 15 26	#720F1A
83.3%	83.3% #680A13	RGB 104 10 19	#680A13
100.0%	100.0% #5E060D	RGB 94 6 13	#5E060D

#9C2B3E #912334 #871B2B #7D1522 #720F1A #680A13 #5E060D

#9C2B3F - #7D1522 - #5E060D

CSS codes

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

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