#CD010C - #FF3A00 | 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 #CD010C to #FF3A00

#CD010C #FF3A00

Calculate the color between two colors, #CD010C and #FF3A00. 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)

#CD010C - #FF3A00 | 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 #CD010C as 0% and #FF3A00 as 100%.

0.0%	0.0% #CD010C	RGB 205 1 12	#CD010C
16.7%	16.7% #D50A0A	RGB 213 10 10	#D50A0A
33.3%	33.3% #DD1408	RGB 221 20 8	#DD1408
50.0%	50.0% #E61D06	RGB 230 29 6	#E61D06
66.7%	66.7% #EE2704	RGB 238 39 4	#EE2704
83.3%	83.3% #F63002	RGB 246 48 2	#F63002
100.0%	100.0% #FF3A00	RGB 255 58 0	#FF3A00

#CD010C #D50A0A #DD1408 #E61D06 #EE2704 #F63002 #FF3A00

#CD010C - #FF3A00

HSV Blend

#CD010C - #FF3A00 | 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 #CD010C as 0% and #FF3A00 as 100%.

0.0%	0.0% #CD000C	RGB 205 0 12	#CD000C
16.7%	16.7% #D50002	RGB 213 0 2	#D50002
33.3%	33.3% #DD0900	RGB 221 9 0	#DD0900
50.0%	50.0% #E61400	RGB 230 20 0	#E61400
66.7%	66.7% #EE2000	RGB 238 32 0	#EE2000
83.3%	83.3% #F62C00	RGB 246 44 0	#F62C00
100.0%	100.0% #FF3A00	RGB 255 58 0	#FF3A00

#CD000C #D50002 #DD0900 #E61400 #EE2000 #F62C00 #FF3A00

#CD010C - #E61400 - #FF3A00

CSS codes

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

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