#FF3C10 - #481104 | 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 #FF3C10 to #481104

#FF3C10 #481104

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

#FF3C10 - #481104 | 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 #FF3C10 as 0% and #481104 as 100%.

0.0%	0.0% #FF3C10	RGB 255 60 16	#FF3C10
16.7%	16.7% #E0340E	RGB 224 52 14	#E0340E
33.3%	33.3% #C22D0C	RGB 194 45 12	#C22D0C
50.0%	50.0% #A3260A	RGB 163 38 10	#A3260A
66.7%	66.7% #841F08	RGB 132 31 8	#841F08
83.3%	83.3% #661806	RGB 102 24 6	#661806
100.0%	100.0% #481104	RGB 72 17 4	#481104

#FF3C10 #E0340E #C22D0C #A3260A #841F08 #661806 #481104

#FF3C10 - #481104

HSV Blend

#FF3C10 - #481104 | 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 #FF3C10 as 0% and #481104 as 100%.

0.0%	0.0% #FF3C0F	RGB 255 60 15	#FF3C0F
16.7%	16.7% #E0340D	RGB 224 52 13	#E0340D
33.3%	33.3% #C22D0B	RGB 194 45 11	#C22D0B
50.0%	50.0% #A32609	RGB 163 38 9	#A32609
66.7%	66.7% #841F07	RGB 132 31 7	#841F07
83.3%	83.3% #661805	RGB 102 24 5	#661805
100.0%	100.0% #481104	RGB 72 17 4	#481104

#FF3C0F #E0340D #C22D0B #A32609 #841F07 #661805 #481104

#FF3C10 - #A32609 - #481104

CSS codes

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

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