#C7643C - #381C11 | 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 #C7643C to #381C11

#C7643C #381C11

Calculate the color between two colors, #C7643C and #381C11. 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)

#C7643C - #381C11 | 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 #C7643C as 0% and #381C11 as 100%.

0.0%	0.0% #C7643C	RGB 199 100 60	#C7643C
16.7%	16.7% #AF5834	RGB 175 88 52	#AF5834
33.3%	33.3% #974C2D	RGB 151 76 45	#974C2D
50.0%	50.0% #7F4026	RGB 127 64 38	#7F4026
66.7%	66.7% #67341F	RGB 103 52 31	#67341F
83.3%	83.3% #4F2818	RGB 79 40 24	#4F2818
100.0%	100.0% #381C11	RGB 56 28 17	#381C11

#C7643C #AF5834 #974C2D #7F4026 #67341F #4F2818 #381C11

#C7643C - #381C11

HSV Blend

#C7643C - #381C11 | 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 #C7643C as 0% and #381C11 as 100%.

0.0%	0.0% #C7643C	RGB 199 100 60	#C7643C
16.7%	16.7% #AF5734	RGB 175 87 52	#AF5734
33.3%	33.3% #974B2D	RGB 151 75 45	#974B2D
50.0%	50.0% #7F3F26	RGB 127 63 38	#7F3F26
66.7%	66.7% #67331F	RGB 103 51 31	#67331F
83.3%	83.3% #4F2718	RGB 79 39 24	#4F2718
100.0%	100.0% #381C11	RGB 56 28 17	#381C11

#C7643C #AF5734 #974B2D #7F3F26 #67331F #4F2718 #381C11

#C7643C - #7F3F26 - #381C11

CSS codes

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

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