#C7643C - #912C0D | 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 #912C0D

#C7643C #912C0D

Calculate the color between two colors, #C7643C and #912C0D. 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 - #912C0D | 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 #912C0D as 100%.

0.0%	0.0% #C7643C	RGB 199 100 60	#C7643C
16.7%	16.7% #BE5A34	RGB 190 90 52	#BE5A34
33.3%	33.3% #B5512C	RGB 181 81 44	#B5512C
50.0%	50.0% #AC4824	RGB 172 72 36	#AC4824
66.7%	66.7% #A33E1C	RGB 163 62 28	#A33E1C
83.3%	83.3% #9A3514	RGB 154 53 20	#9A3514
100.0%	100.0% #912C0D	RGB 145 44 13	#912C0D

#C7643C #BE5A34 #B5512C #AC4824 #A33E1C #9A3514 #912C0D

#C7643C - #912C0D

HSV Blend

#C7643C - #912C0D | 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 #912C0D as 100%.

0.0%	0.0% #C7643C	RGB 199 100 60	#C7643C
16.7%	16.7% #BE5932	RGB 190 89 50	#BE5932
33.3%	33.3% #B54F29	RGB 181 79 41	#B54F29
50.0%	50.0% #AC4521	RGB 172 69 33	#AC4521
66.7%	66.7% #A33C1A	RGB 163 60 26	#A33C1A
83.3%	83.3% #9A3413	RGB 154 52 19	#9A3413
100.0%	100.0% #912C0D	RGB 145 44 13	#912C0D

#C7643C #BE5932 #B54F29 #AC4521 #A33C1A #9A3413 #912C0D

#C7643C - #AC4521 - #912C0D

CSS codes

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

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