#C1713E - #8F360E | 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 #C1713E to #8F360E

#C1713E #8F360E

Calculate the color between two colors, #C1713E and #8F360E. 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)

#C1713E - #8F360E | 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 #C1713E as 0% and #8F360E as 100%.

0.0%	0.0% #C1713E	RGB 193 113 62	#C1713E
16.7%	16.7% #B86736	RGB 184 103 54	#B86736
33.3%	33.3% #B05D2E	RGB 176 93 46	#B05D2E
50.0%	50.0% #A85326	RGB 168 83 38	#A85326
66.7%	66.7% #9F491E	RGB 159 73 30	#9F491E
83.3%	83.3% #973F16	RGB 151 63 22	#973F16
100.0%	100.0% #8F360E	RGB 143 54 14	#8F360E

#C1713E #B86736 #B05D2E #A85326 #9F491E #973F16 #8F360E

#C1713E - #8F360E

HSV Blend

#C1713E - #8F360E | 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 #C1713E as 0% and #8F360E as 100%.

0.0%	0.0% #C1713E	RGB 193 113 62	#C1713E
16.7%	16.7% #B86634	RGB 184 102 52	#B86634
33.3%	33.3% #B05B2B	RGB 176 91 43	#B05B2B
50.0%	50.0% #A85123	RGB 168 81 35	#A85123
66.7%	66.7% #9F471B	RGB 159 71 27	#9F471B
83.3%	83.3% #973E14	RGB 151 62 20	#973E14
100.0%	100.0% #8F360E	RGB 143 54 14	#8F360E

#C1713E #B86634 #B05B2B #A85123 #9F471B #973E14 #8F360E

#C1713E - #A85123 - #8F360E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C1713E 0%, #A85123 50%, #8F360E 100%);
    background: -webkit-linear-gradient(top, #C1713E 0%, #A85123 50%, #8F360E 100%);
    background: linear-gradient(to bottom, #C1713E 0%, #A85123 50%, #8F360E 100%);
}
</style>