#C14A3E - #8F100E | 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 #C14A3E to #8F100E

#C14A3E #8F100E

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

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

0.0%	0.0% #C14A3E	RGB 193 74 62	#C14A3E
16.7%	16.7% #B84036	RGB 184 64 54	#B84036
33.3%	33.3% #B0362E	RGB 176 54 46	#B0362E
50.0%	50.0% #A82D26	RGB 168 45 38	#A82D26
66.7%	66.7% #9F231E	RGB 159 35 30	#9F231E
83.3%	83.3% #971916	RGB 151 25 22	#971916
100.0%	100.0% #8F100E	RGB 143 16 14	#8F100E

#C14A3E #B84036 #B0362E #A82D26 #9F231E #971916 #8F100E

#C14A3E - #8F100E

HSV Blend

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

0.0%	0.0% #C14A3E	RGB 193 74 62	#C14A3E
16.7%	16.7% #B83E34	RGB 184 62 52	#B83E34
33.3%	33.3% #B0342B	RGB 176 52 43	#B0342B
50.0%	50.0% #A82A23	RGB 168 42 35	#A82A23
66.7%	66.7% #9F201B	RGB 159 32 27	#9F201B
83.3%	83.3% #971814	RGB 151 24 20	#971814
100.0%	100.0% #8F100E	RGB 143 16 14	#8F100E

#C14A3E #B83E34 #B0342B #A82A23 #9F201B #971814 #8F100E

#C14A3E - #A82A23 - #8F100E

CSS codes

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

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