#FF0E1B - #FF6502 | 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 #FF0E1B to #FF6502

#FF0E1B #FF6502

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

#FF0E1B - #FF6502 | 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 #FF0E1B as 0% and #FF6502 as 100%.

0.0%	0.0% #FF0E1B	RGB 255 14 27	#FF0E1B
16.7%	16.7% #FF1C16	RGB 255 28 22	#FF1C16
33.3%	33.3% #FF2B12	RGB 255 43 18	#FF2B12
50.0%	50.0% #FF390E	RGB 255 57 14	#FF390E
66.7%	66.7% #FF480A	RGB 255 72 10	#FF480A
83.3%	83.3% #FF5606	RGB 255 86 6	#FF5606
100.0%	100.0% #FF6502	RGB 255 101 2	#FF6502

#FF0E1B #FF1C16 #FF2B12 #FF390E #FF480A #FF5606 #FF6502

#FF0E1B - #FF6502

HSV Blend

#FF0E1B - #FF6502 | 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 #FF0E1B as 0% and #FF6502 as 100%.

0.0%	0.0% #FF0D1B	RGB 255 13 27	#FF0D1B
16.7%	16.7% #FF100B	RGB 255 16 11	#FF100B
33.3%	33.3% #FF2109	RGB 255 33 9	#FF2109
50.0%	50.0% #FF3107	RGB 255 49 7	#FF3107
66.7%	66.7% #FF4205	RGB 255 66 5	#FF4205
83.3%	83.3% #FF5303	RGB 255 83 3	#FF5303
100.0%	100.0% #FF6502	RGB 255 101 2	#FF6502

#FF0D1B #FF100B #FF2109 #FF3107 #FF4205 #FF5303 #FF6502

#FF0E1B - #FF3107 - #FF6502

CSS codes

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

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