#FF5400 - #B5270A | 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 #FF5400 to #B5270A

#FF5400 #B5270A

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

#FF5400 - #B5270A | 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 #FF5400 as 0% and #B5270A as 100%.

0.0%	0.0% #FF5400	RGB 255 84 0	#FF5400
16.7%	16.7% #F24C01	RGB 242 76 1	#F24C01
33.3%	33.3% #E64503	RGB 230 69 3	#E64503
50.0%	50.0% #DA3D05	RGB 218 61 5	#DA3D05
66.7%	66.7% #CD3606	RGB 205 54 6	#CD3606
83.3%	83.3% #C12E08	RGB 193 46 8	#C12E08
100.0%	100.0% #B5270A	RGB 181 39 10	#B5270A

#FF5400 #F24C01 #E64503 #DA3D05 #CD3606 #C12E08 #B5270A

#FF5400 - #B5270A

HSV Blend

#FF5400 - #B5270A | 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 #FF5400 as 0% and #B5270A as 100%.

0.0%	0.0% #FF5400	RGB 255 84 0	#FF5400
16.7%	16.7% #F24B02	RGB 242 75 2	#F24B02
33.3%	33.3% #E64204	RGB 230 66 4	#E64204
50.0%	50.0% #DA3A06	RGB 218 58 6	#DA3A06
66.7%	66.7% #CD3307	RGB 205 51 7	#CD3307
83.3%	83.3% #C12D08	RGB 193 45 8	#C12D08
100.0%	100.0% #B5270A	RGB 181 39 10	#B5270A

#FF5400 #F24B02 #E64204 #DA3A06 #CD3307 #C12D08 #B5270A

#FF5400 - #DA3A06 - #B5270A

CSS codes

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

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