#C11E3C - #370811 | 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 #C11E3C to #370811

#C11E3C #370811

Calculate the color between two colors, #C11E3C and #370811. 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)

#C11E3C - #370811 | 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 #C11E3C as 0% and #370811 as 100%.

0.0%	0.0% #C11E3C	RGB 193 30 60	#C11E3C
16.7%	16.7% #AA1A34	RGB 170 26 52	#AA1A34
33.3%	33.3% #93162D	RGB 147 22 45	#93162D
50.0%	50.0% #7C1326	RGB 124 19 38	#7C1326
66.7%	66.7% #650F1F	RGB 101 15 31	#650F1F
83.3%	83.3% #4E0B18	RGB 78 11 24	#4E0B18
100.0%	100.0% #370811	RGB 55 8 17	#370811

#C11E3C #AA1A34 #93162D #7C1326 #650F1F #4E0B18 #370811

#C11E3C - #370811

HSV Blend

#C11E3C - #370811 | 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 #C11E3C as 0% and #370811 as 100%.

0.0%	0.0% #C11D3C	RGB 193 29 60	#C11D3C
16.7%	16.7% #AA1A34	RGB 170 26 52	#AA1A34
33.3%	33.3% #93162D	RGB 147 22 45	#93162D
50.0%	50.0% #7C1226	RGB 124 18 38	#7C1226
66.7%	66.7% #650F1F	RGB 101 15 31	#650F1F
83.3%	83.3% #4E0B18	RGB 78 11 24	#4E0B18
100.0%	100.0% #370811	RGB 55 8 17	#370811

#C11D3C #AA1A34 #93162D #7C1226 #650F1F #4E0B18 #370811

#C11E3C - #7C1226 - #370811

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C11D3C 0%, #7C1226 50%, #370811 100%);
    background: -webkit-linear-gradient(top, #C11D3C 0%, #7C1226 50%, #370811 100%);
    background: linear-gradient(to bottom, #C11D3C 0%, #7C1226 50%, #370811 100%);
}
</style>