#C02007 - #FF5F01 | 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 #FF5F01

#C02007 #FF5F01

Calculate the color between two colors, #C02007 and #FF5F01. 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 - #FF5F01 | 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 #FF5F01 as 100%.

0.0%	0.0% #C02007	RGB 192 32 7	#C02007
16.7%	16.7% #CA2A06	RGB 202 42 6	#CA2A06
33.3%	33.3% #D53505	RGB 213 53 5	#D53505
50.0%	50.0% #DF3F04	RGB 223 63 4	#DF3F04
66.7%	66.7% #EA4A03	RGB 234 74 3	#EA4A03
83.3%	83.3% #F45402	RGB 244 84 2	#F45402
100.0%	100.0% #FF5F01	RGB 255 95 1	#FF5F01

#C02007 #CA2A06 #D53505 #DF3F04 #EA4A03 #F45402 #FF5F01

#C02007 - #FF5F01

HSV Blend

#C02007 - #FF5F01 | 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 #FF5F01 as 100%.

0.0%	0.0% #C01F06	RGB 192 31 6	#C01F06
16.7%	16.7% #CA2806	RGB 202 40 6	#CA2806
33.3%	33.3% #D53105	RGB 213 49 5	#D53105
50.0%	50.0% #DF3B04	RGB 223 59 4	#DF3B04
66.7%	66.7% #EA4603	RGB 234 70 3	#EA4603
83.3%	83.3% #F45202	RGB 244 82 2	#F45202
100.0%	100.0% #FF5F01	RGB 255 95 1	#FF5F01

#C01F06 #CA2806 #D53105 #DF3B04 #EA4603 #F45202 #FF5F01

#C02007 - #DF3B04 - #FF5F01

CSS codes

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

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