#C02007 - #63150B | 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 #C02007 to #63150B

#C02007 #63150B

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

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

0.0%	0.0% #C02007	RGB 192 32 7	#C02007
16.7%	16.7% #B01E07	RGB 176 30 7	#B01E07
33.3%	33.3% #A11C08	RGB 161 28 8	#A11C08
50.0%	50.0% #911A09	RGB 145 26 9	#911A09
66.7%	66.7% #821809	RGB 130 24 9	#821809
83.3%	83.3% #72160A	RGB 114 22 10	#72160A
100.0%	100.0% #63150B	RGB 99 21 11	#63150B

#C02007 #B01E07 #A11C08 #911A09 #821809 #72160A #63150B

#C02007 - #63150B

HSV Blend

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

0.0%	0.0% #C01F06	RGB 192 31 6	#C01F06
16.7%	16.7% #B01E08	RGB 176 30 8	#B01E08
33.3%	33.3% #A11D09	RGB 161 29 9	#A11D09
50.0%	50.0% #911B0A	RGB 145 27 10	#911B0A
66.7%	66.7% #82190B	RGB 130 25 11	#82190B
83.3%	83.3% #72170B	RGB 114 23 11	#72170B
100.0%	100.0% #63150B	RGB 99 21 11	#63150B

#C01F06 #B01E08 #A11D09 #911B0A #82190B #72170B #63150B

#C02007 - #911B0A - #63150B

CSS codes

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

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