#C5220C - #FF6407 | 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 #C5220C to #FF6407

#C5220C #FF6407

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

#C5220C - #FF6407 | 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 #C5220C as 0% and #FF6407 as 100%.

0.0%	0.0% #C5220C	RGB 197 34 12	#C5220C
16.7%	16.7% #CE2D0B	RGB 206 45 11	#CE2D0B
33.3%	33.3% #D8380A	RGB 216 56 10	#D8380A
50.0%	50.0% #E24309	RGB 226 67 9	#E24309
66.7%	66.7% #EB4E08	RGB 235 78 8	#EB4E08
83.3%	83.3% #F55907	RGB 245 89 7	#F55907
100.0%	100.0% #FF6407	RGB 255 100 7	#FF6407

#C5220C #CE2D0B #D8380A #E24309 #EB4E08 #F55907 #FF6407

#C5220C - #FF6407

HSV Blend

#C5220C - #FF6407 | 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 #C5220C as 0% and #FF6407 as 100%.

0.0%	0.0% #C5210B	RGB 197 33 11	#C5210B
16.7%	16.7% #CE2A0B	RGB 206 42 11	#CE2A0B
33.3%	33.3% #D8340A	RGB 216 52 10	#D8340A
50.0%	50.0% #E23F09	RGB 226 63 9	#E23F09
66.7%	66.7% #EB4A09	RGB 235 74 9	#EB4A09
83.3%	83.3% #F55608	RGB 245 86 8	#F55608
100.0%	100.0% #FF6407	RGB 255 100 7	#FF6407

#C5210B #CE2A0B #D8340A #E23F09 #EB4A09 #F55608 #FF6407

#C5220C - #E23F09 - #FF6407

CSS codes

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

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