#C13B01 - #371000 | 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 #C13B01 to #371000

#C13B01 #371000

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

#C13B01 - #371000 | 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 #C13B01 as 0% and #371000 as 100%.

0.0%	0.0% #C13B01	RGB 193 59 1	#C13B01
16.7%	16.7% #AA3300	RGB 170 51 0	#AA3300
33.3%	33.3% #932C00	RGB 147 44 0	#932C00
50.0%	50.0% #7C2500	RGB 124 37 0	#7C2500
66.7%	66.7% #651E00	RGB 101 30 0	#651E00
83.3%	83.3% #4E1700	RGB 78 23 0	#4E1700
100.0%	100.0% #371000	RGB 55 16 0	#371000

#C13B01 #AA3300 #932C00 #7C2500 #651E00 #4E1700 #371000

#C13B01 - #371000

HSV Blend

#C13B01 - #371000 | 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 #C13B01 as 0% and #371000 as 100%.

0.0%	0.0% #C13B01	RGB 193 59 1	#C13B01
16.7%	16.7% #AA3300	RGB 170 51 0	#AA3300
33.3%	33.3% #932C00	RGB 147 44 0	#932C00
50.0%	50.0% #7C2400	RGB 124 36 0	#7C2400
66.7%	66.7% #651D00	RGB 101 29 0	#651D00
83.3%	83.3% #4E1600	RGB 78 22 0	#4E1600
100.0%	100.0% #371000	RGB 55 16 0	#371000

#C13B01 #AA3300 #932C00 #7C2400 #651D00 #4E1600 #371000

#C13B01 - #7C2400 - #371000

CSS codes

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

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