#C0232D - #500C12 | 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 #C0232D to #500C12

#C0232D #500C12

Calculate the color between two colors, #C0232D and #500C12. 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)

#C0232D - #500C12 | 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 #C0232D as 0% and #500C12 as 100%.

0.0%	0.0% #C0232D	RGB 192 35 45	#C0232D
16.7%	16.7% #AD1F28	RGB 173 31 40	#AD1F28
33.3%	33.3% #9A1B24	RGB 154 27 36	#9A1B24
50.0%	50.0% #88171F	RGB 136 23 31	#88171F
66.7%	66.7% #75131B	RGB 117 19 27	#75131B
83.3%	83.3% #620F16	RGB 98 15 22	#620F16
100.0%	100.0% #500C12	RGB 80 12 18	#500C12

#C0232D #AD1F28 #9A1B24 #88171F #75131B #620F16 #500C12

#C0232D - #500C12

HSV Blend

#C0232D - #500C12 | 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 #C0232D as 0% and #500C12 as 100%.

0.0%	0.0% #C0232D	RGB 192 35 45	#C0232D
16.7%	16.7% #AD1E28	RGB 173 30 40	#AD1E28
33.3%	33.3% #9A1A23	RGB 154 26 35	#9A1A23
50.0%	50.0% #88161F	RGB 136 22 31	#88161F
66.7%	66.7% #75121A	RGB 117 18 26	#75121A
83.3%	83.3% #620F16	RGB 98 15 22	#620F16
100.0%	100.0% #500C12	RGB 80 12 18	#500C12

#C0232D #AD1E28 #9A1A23 #88161F #75121A #620F16 #500C12

#C0232D - #88161F - #500C12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0232D 0%, #88161F 50%, #500C12 100%);
    background: -webkit-linear-gradient(top, #C0232D 0%, #88161F 50%, #500C12 100%);
    background: linear-gradient(to bottom, #C0232D 0%, #88161F 50%, #500C12 100%);
}
</style>