#FF012F - #FF5E20 | 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 #FF012F to #FF5E20

#FF012F #FF5E20

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

#FF012F - #FF5E20 | 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 #FF012F as 0% and #FF5E20 as 100%.

0.0%	0.0% #FF012F	RGB 255 1 47	#FF012F
16.7%	16.7% #FF102C	RGB 255 16 44	#FF102C
33.3%	33.3% #FF202A	RGB 255 32 42	#FF202A
50.0%	50.0% #FF2F27	RGB 255 47 39	#FF2F27
66.7%	66.7% #FF3F25	RGB 255 63 37	#FF3F25
83.3%	83.3% #FF4E22	RGB 255 78 34	#FF4E22
100.0%	100.0% #FF5E20	RGB 255 94 32	#FF5E20

#FF012F #FF102C #FF202A #FF2F27 #FF3F25 #FF4E22 #FF5E20

#FF012F - #FF5E20

HSV Blend

#FF012F - #FF5E20 | 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 #FF012F as 0% and #FF5E20 as 100%.

0.0%	0.0% #FF002F	RGB 255 0 47	#FF002F
16.7%	16.7% #FF0620	RGB 255 6 32	#FF0620
33.3%	33.3% #FF0B12	RGB 255 11 18	#FF0B12
50.0%	50.0% #FF1C10	RGB 255 28 16	#FF1C10
66.7%	66.7% #FF3215	RGB 255 50 21	#FF3215
83.3%	83.3% #FF481A	RGB 255 72 26	#FF481A
100.0%	100.0% #FF5E20	RGB 255 94 32	#FF5E20

#FF002F #FF0620 #FF0B12 #FF1C10 #FF3215 #FF481A #FF5E20

#FF012F - #FF1C10 - #FF5E20

CSS codes

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

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