#B60A00 - #FE4000 | 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 #B60A00 to #FE4000

#B60A00 #FE4000

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

#B60A00 - #FE4000 | 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 #B60A00 as 0% and #FE4000 as 100%.

0.0%	0.0% #B60A00	RGB 182 10 0	#B60A00
16.7%	16.7% #C21300	RGB 194 19 0	#C21300
33.3%	33.3% #CE1C00	RGB 206 28 0	#CE1C00
50.0%	50.0% #DA2500	RGB 218 37 0	#DA2500
66.7%	66.7% #E62E00	RGB 230 46 0	#E62E00
83.3%	83.3% #F23700	RGB 242 55 0	#F23700
100.0%	100.0% #FE4000	RGB 254 64 0	#FE4000

#B60A00 #C21300 #CE1C00 #DA2500 #E62E00 #F23700 #FE4000

#B60A00 - #FE4000

HSV Blend

#B60A00 - #FE4000 | 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 #B60A00 as 0% and #FE4000 as 100%.

0.0%	0.0% #B60A00	RGB 182 10 0	#B60A00
16.7%	16.7% #C21100	RGB 194 17 0	#C21100
33.3%	33.3% #CE1800	RGB 206 24 0	#CE1800
50.0%	50.0% #DA2100	RGB 218 33 0	#DA2100
66.7%	66.7% #E62A00	RGB 230 42 0	#E62A00
83.3%	83.3% #F23500	RGB 242 53 0	#F23500
100.0%	100.0% #FE4000	RGB 254 64 0	#FE4000

#B60A00 #C21100 #CE1800 #DA2100 #E62A00 #F23500 #FE4000

#B60A00 - #DA2100 - #FE4000

CSS codes

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

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