#C5220C - #380903 | 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 #380903

#C5220C #380903

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

0.0%	0.0% #C5220C	RGB 197 34 12	#C5220C
16.7%	16.7% #AD1D0A	RGB 173 29 10	#AD1D0A
33.3%	33.3% #961909	RGB 150 25 9	#961909
50.0%	50.0% #7E1507	RGB 126 21 7	#7E1507
66.7%	66.7% #671106	RGB 103 17 6	#671106
83.3%	83.3% #4F0D04	RGB 79 13 4	#4F0D04
100.0%	100.0% #380903	RGB 56 9 3	#380903

#C5220C #AD1D0A #961909 #7E1507 #671106 #4F0D04 #380903

#C5220C - #380903

HSV Blend

#C5220C - #380903 | 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 #380903 as 100%.

0.0%	0.0% #C5210B	RGB 197 33 11	#C5210B
16.7%	16.7% #AD1D0A	RGB 173 29 10	#AD1D0A
33.3%	33.3% #961908	RGB 150 25 8	#961908
50.0%	50.0% #7E1507	RGB 126 21 7	#7E1507
66.7%	66.7% #671005	RGB 103 16 5	#671005
83.3%	83.3% #4F0C04	RGB 79 12 4	#4F0C04
100.0%	100.0% #380903	RGB 56 9 3	#380903

#C5210B #AD1D0A #961908 #7E1507 #671005 #4F0C04 #380903

#C5220C - #7E1507 - #380903

CSS codes

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

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