#9C2D2D - #EC7141 | 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 #9C2D2D to #EC7141

#9C2D2D #EC7141

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

#9C2D2D - #EC7141 | 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 #9C2D2D as 0% and #EC7141 as 100%.

0.0%	0.0% #9C2D2D	RGB 156 45 45	#9C2D2D
16.7%	16.7% #A93830	RGB 169 56 48	#A93830
33.3%	33.3% #B64333	RGB 182 67 51	#B64333
50.0%	50.0% #C44F37	RGB 196 79 55	#C44F37
66.7%	66.7% #D15A3A	RGB 209 90 58	#D15A3A
83.3%	83.3% #DE653D	RGB 222 101 61	#DE653D
100.0%	100.0% #EC7141	RGB 236 113 65	#EC7141

#9C2D2D #A93830 #B64333 #C44F37 #D15A3A #DE653D #EC7141

#9C2D2D - #EC7141

HSV Blend

#9C2D2D - #EC7141 | 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 #9C2D2D as 0% and #EC7141 as 100%.

0.0%	0.0% #9C2C2C	RGB 156 44 44	#9C2C2C
16.7%	16.7% #A93630	RGB 169 54 48	#A93630
33.3%	33.3% #B64033	RGB 182 64 51	#B64033
50.0%	50.0% #C44B37	RGB 196 75 55	#C44B37
66.7%	66.7% #D1563A	RGB 209 86 58	#D1563A
83.3%	83.3% #DE633D	RGB 222 99 61	#DE633D
100.0%	100.0% #EC7141	RGB 236 113 65	#EC7141

#9C2C2C #A93630 #B64033 #C44B37 #D1563A #DE633D #EC7141

#9C2D2D - #C44B37 - #EC7141

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C2C2C 0%, #C44B37 50%, #EC7141 100%);
    background: -webkit-linear-gradient(top, #9C2C2C 0%, #C44B37 50%, #EC7141 100%);
    background: linear-gradient(to bottom, #9C2C2C 0%, #C44B37 50%, #EC7141 100%);
}
</style>