#C1723D - #8F380E | 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 #C1723D to #8F380E

#C1723D #8F380E

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

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

0.0%	0.0% #C1723D	RGB 193 114 61	#C1723D
16.7%	16.7% #B86835	RGB 184 104 53	#B86835
33.3%	33.3% #B05E2D	RGB 176 94 45	#B05E2D
50.0%	50.0% #A85525	RGB 168 85 37	#A85525
66.7%	66.7% #9F4B1D	RGB 159 75 29	#9F4B1D
83.3%	83.3% #974115	RGB 151 65 21	#974115
100.0%	100.0% #8F380E	RGB 143 56 14	#8F380E

#C1723D #B86835 #B05E2D #A85525 #9F4B1D #974115 #8F380E

#C1723D - #8F380E

HSV Blend

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

0.0%	0.0% #C1723D	RGB 193 114 61	#C1723D
16.7%	16.7% #B86733	RGB 184 103 51	#B86733
33.3%	33.3% #B05D2A	RGB 176 93 42	#B05D2A
50.0%	50.0% #A85322	RGB 168 83 34	#A85322
66.7%	66.7% #9F491B	RGB 159 73 27	#9F491B
83.3%	83.3% #974014	RGB 151 64 20	#974014
100.0%	100.0% #8F380E	RGB 143 56 14	#8F380E

#C1723D #B86733 #B05D2A #A85322 #9F491B #974014 #8F380E

#C1723D - #A85322 - #8F380E

CSS codes

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

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