#CF7E2E - #880900 | 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 #CF7E2E to #880900

#CF7E2E #880900

Calculate the color between two colors, #CF7E2E and #880900. 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)

#CF7E2E - #880900 | 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 #CF7E2E as 0% and #880900 as 100%.

0.0%	0.0% #CF7E2E	RGB 207 126 46	#CF7E2E
16.7%	16.7% #C36A26	RGB 195 106 38	#C36A26
33.3%	33.3% #B7571E	RGB 183 87 30	#B7571E
50.0%	50.0% #AB4317	RGB 171 67 23	#AB4317
66.7%	66.7% #9F300F	RGB 159 48 15	#9F300F
83.3%	83.3% #931C07	RGB 147 28 7	#931C07
100.0%	100.0% #880900	RGB 136 9 0	#880900

#CF7E2E #C36A26 #B7571E #AB4317 #9F300F #931C07 #880900

#CF7E2E - #880900

HSV Blend

#CF7E2E - #880900 | 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 #CF7E2E as 0% and #880900 as 100%.

0.0%	0.0% #CF7E2E	RGB 207 126 46	#CF7E2E
16.7%	16.7% #C36724	RGB 195 103 36	#C36724
33.3%	33.3% #B7521B	RGB 183 82 27	#B7521B
50.0%	50.0% #AB3D13	RGB 171 61 19	#AB3D13
66.7%	66.7% #9F2A0B	RGB 159 42 11	#9F2A0B
83.3%	83.3% #931905	RGB 147 25 5	#931905
100.0%	100.0% #880900	RGB 136 9 0	#880900

#CF7E2E #C36724 #B7521B #AB3D13 #9F2A0B #931905 #880900

#CF7E2E - #AB3D13 - #880900

CSS codes

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

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