#C96D70 - #8F110E | 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 #C96D70 to #8F110E

#C96D70 #8F110E

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

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

0.0%	0.0% #C96D70	RGB 201 109 112	#C96D70
16.7%	16.7% #BF5D5F	RGB 191 93 95	#BF5D5F
33.3%	33.3% #B54E4F	RGB 181 78 79	#B54E4F
50.0%	50.0% #AC3F3F	RGB 172 63 63	#AC3F3F
66.7%	66.7% #A22F2E	RGB 162 47 46	#A22F2E
83.3%	83.3% #98201E	RGB 152 32 30	#98201E
100.0%	100.0% #8F110E	RGB 143 17 14	#8F110E

#C96D70 #BF5D5F #B54E4F #AC3F3F #A22F2E #98201E #8F110E

#C96D70 - #8F110E

HSV Blend

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

0.0%	0.0% #C96D70	RGB 201 109 112	#C96D70
16.7%	16.7% #BF595B	RGB 191 89 91	#BF595B
33.3%	33.3% #B54749	RGB 181 71 73	#B54749
50.0%	50.0% #AC3737	RGB 172 55 55	#AC3737
66.7%	66.7% #A22827	RGB 162 40 39	#A22827
83.3%	83.3% #981C1A	RGB 152 28 26	#981C1A
100.0%	100.0% #8F110E	RGB 143 17 14	#8F110E

#C96D70 #BF595B #B54749 #AC3737 #A22827 #981C1A #8F110E

#C96D70 - #AC3737 - #8F110E

CSS codes

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

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