#C73C2B - #80170B | 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 #C73C2B to #80170B

#C73C2B #80170B

Calculate the color between two colors, #C73C2B and #80170B. 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)

#C73C2B - #80170B | 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 #C73C2B as 0% and #80170B as 100%.

0.0%	0.0% #C73C2B	RGB 199 60 43	#C73C2B
16.7%	16.7% #BB3525	RGB 187 53 37	#BB3525
33.3%	33.3% #AF2F20	RGB 175 47 32	#AF2F20
50.0%	50.0% #A3291B	RGB 163 41 27	#A3291B
66.7%	66.7% #972315	RGB 151 35 21	#972315
83.3%	83.3% #8B1D10	RGB 139 29 16	#8B1D10
100.0%	100.0% #80170B	RGB 128 23 11	#80170B

#C73C2B #BB3525 #AF2F20 #A3291B #972315 #8B1D10 #80170B

#C73C2B - #80170B

HSV Blend

#C73C2B - #80170B | 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 #C73C2B as 0% and #80170B as 100%.

0.0%	0.0% #C73C2A	RGB 199 60 42	#C73C2A
16.7%	16.7% #BB3424	RGB 187 52 36	#BB3424
33.3%	33.3% #AF2D1E	RGB 175 45 30	#AF2D1E
50.0%	50.0% #A32718	RGB 163 39 24	#A32718
66.7%	66.7% #972113	RGB 151 33 19	#972113
83.3%	83.3% #8B1B0F	RGB 139 27 15	#8B1B0F
100.0%	100.0% #80170B	RGB 128 23 11	#80170B

#C73C2A #BB3424 #AF2D1E #A32718 #972113 #8B1B0F #80170B

#C73C2B - #A32718 - #80170B

CSS codes

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

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