#C63C3C - #85130E | 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 #C63C3C to #85130E

#C63C3C #85130E

Calculate the color between two colors, #C63C3C and #85130E. 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)

#C63C3C - #85130E | 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 #C63C3C as 0% and #85130E as 100%.

0.0%	0.0% #C63C3C	RGB 198 60 60	#C63C3C
16.7%	16.7% #BB3534	RGB 187 53 52	#BB3534
33.3%	33.3% #B02E2C	RGB 176 46 44	#B02E2C
50.0%	50.0% #A52725	RGB 165 39 37	#A52725
66.7%	66.7% #9A201D	RGB 154 32 29	#9A201D
83.3%	83.3% #8F1915	RGB 143 25 21	#8F1915
100.0%	100.0% #85130E	RGB 133 19 14	#85130E

#C63C3C #BB3534 #B02E2C #A52725 #9A201D #8F1915 #85130E

#C63C3C - #85130E

HSV Blend

#C63C3C - #85130E | 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 #C63C3C as 0% and #85130E as 100%.

0.0%	0.0% #C63C3C	RGB 198 60 60	#C63C3C
16.7%	16.7% #BB3332	RGB 187 51 50	#BB3332
33.3%	33.3% #B02B29	RGB 176 43 41	#B02B29
50.0%	50.0% #A52421	RGB 165 36 33	#A52421
66.7%	66.7% #9A1E1A	RGB 154 30 26	#9A1E1A
83.3%	83.3% #8F1813	RGB 143 24 19	#8F1813
100.0%	100.0% #85130E	RGB 133 19 14	#85130E

#C63C3C #BB3332 #B02B29 #A52421 #9A1E1A #8F1813 #85130E

#C63C3C - #A52421 - #85130E

CSS codes

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

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