#C35C3E - #8C270E | 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 #C35C3E to #8C270E

#C35C3E #8C270E

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

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

0.0%	0.0% #C35C3E	RGB 195 92 62	#C35C3E
16.7%	16.7% #B95336	RGB 185 83 54	#B95336
33.3%	33.3% #B04A2E	RGB 176 74 46	#B04A2E
50.0%	50.0% #A74126	RGB 167 65 38	#A74126
66.7%	66.7% #9E381E	RGB 158 56 30	#9E381E
83.3%	83.3% #952F16	RGB 149 47 22	#952F16
100.0%	100.0% #8C270E	RGB 140 39 14	#8C270E

#C35C3E #B95336 #B04A2E #A74126 #9E381E #952F16 #8C270E

#C35C3E - #8C270E

HSV Blend

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

0.0%	0.0% #C35C3E	RGB 195 92 62	#C35C3E
16.7%	16.7% #B95134	RGB 185 81 52	#B95134
33.3%	33.3% #B0482B	RGB 176 72 43	#B0482B
50.0%	50.0% #A73F23	RGB 167 63 35	#A73F23
66.7%	66.7% #9E361B	RGB 158 54 27	#9E361B
83.3%	83.3% #952E14	RGB 149 46 20	#952E14
100.0%	100.0% #8C270E	RGB 140 39 14	#8C270E

#C35C3E #B95134 #B0482B #A73F23 #9E361B #952E14 #8C270E

#C35C3E - #A73F23 - #8C270E

CSS codes

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

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