#FF4D15 - #7B1B06 | 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 #FF4D15 to #7B1B06

#FF4D15 #7B1B06

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

#FF4D15 - #7B1B06 | 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 #FF4D15 as 0% and #7B1B06 as 100%.

0.0%	0.0% #FF4D15	RGB 255 77 21	#FF4D15
16.7%	16.7% #E94412	RGB 233 68 18	#E94412
33.3%	33.3% #D33C10	RGB 211 60 16	#D33C10
50.0%	50.0% #BD340D	RGB 189 52 13	#BD340D
66.7%	66.7% #A72B0B	RGB 167 43 11	#A72B0B
83.3%	83.3% #912308	RGB 145 35 8	#912308
100.0%	100.0% #7B1B06	RGB 123 27 6	#7B1B06

#FF4D15 #E94412 #D33C10 #BD340D #A72B0B #912308 #7B1B06

#FF4D15 - #7B1B06

HSV Blend

#FF4D15 - #7B1B06 | 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 #FF4D15 as 0% and #7B1B06 as 100%.

0.0%	0.0% #FF4D14	RGB 255 77 20	#FF4D14
16.7%	16.7% #E94311	RGB 233 67 17	#E94311
33.3%	33.3% #D33A0F	RGB 211 58 15	#D33A0F
50.0%	50.0% #BD310C	RGB 189 49 12	#BD310C
66.7%	66.7% #A7290A	RGB 167 41 10	#A7290A
83.3%	83.3% #912107	RGB 145 33 7	#912107
100.0%	100.0% #7B1B06	RGB 123 27 6	#7B1B06

#FF4D14 #E94311 #D33A0F #BD310C #A7290A #912107 #7B1B06

#FF4D15 - #BD310C - #7B1B06

CSS codes

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

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