#702914 - #C86329 | 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 #702914 to #C86329

#702914 #C86329

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

#702914 - #C86329 | 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 #702914 as 0% and #C86329 as 100%.

0.0%	0.0% #702914	RGB 112 41 20	#702914
16.7%	16.7% #7E3217	RGB 126 50 23	#7E3217
33.3%	33.3% #8D3C1B	RGB 141 60 27	#8D3C1B
50.0%	50.0% #9C461E	RGB 156 70 30	#9C461E
66.7%	66.7% #AA4F22	RGB 170 79 34	#AA4F22
83.3%	83.3% #B95925	RGB 185 89 37	#B95925
100.0%	100.0% #C86329	RGB 200 99 41	#C86329

#702914 #7E3217 #8D3C1B #9C461E #AA4F22 #B95925 #C86329

#702914 - #C86329

HSV Blend

#702914 - #C86329 | 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 #702914 as 0% and #C86329 as 100%.

0.0%	0.0% #702913	RGB 112 41 19	#702913
16.7%	16.7% #7E3117	RGB 126 49 23	#7E3117
33.3%	33.3% #8D391A	RGB 141 57 26	#8D391A
50.0%	50.0% #9C431D	RGB 156 67 29	#9C431D
66.7%	66.7% #AA4D21	RGB 170 77 33	#AA4D21
83.3%	83.3% #B95725	RGB 185 87 37	#B95725
100.0%	100.0% #C86329	RGB 200 99 41	#C86329

#702913 #7E3117 #8D391A #9C431D #AA4D21 #B95725 #C86329

#702914 - #9C431D - #C86329

CSS codes

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

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