#FF4D1D - #BA1F09 | 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 #FF4D1D to #BA1F09

#FF4D1D #BA1F09

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

#FF4D1D - #BA1F09 | 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 #FF4D1D as 0% and #BA1F09 as 100%.

0.0%	0.0% #FF4D1D	RGB 255 77 29	#FF4D1D
16.7%	16.7% #F34519	RGB 243 69 25	#F34519
33.3%	33.3% #E83D16	RGB 232 61 22	#E83D16
50.0%	50.0% #DC3613	RGB 220 54 19	#DC3613
66.7%	66.7% #D12E0F	RGB 209 46 15	#D12E0F
83.3%	83.3% #C5260C	RGB 197 38 12	#C5260C
100.0%	100.0% #BA1F09	RGB 186 31 9	#BA1F09

#FF4D1D #F34519 #E83D16 #DC3613 #D12E0F #C5260C #BA1F09

#FF4D1D - #BA1F09

HSV Blend

#FF4D1D - #BA1F09 | 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 #FF4D1D as 0% and #BA1F09 as 100%.

0.0%	0.0% #FF4C1C	RGB 255 76 28	#FF4C1C
16.7%	16.7% #F34419	RGB 243 68 25	#F34419
33.3%	33.3% #E83B15	RGB 232 59 21	#E83B15
50.0%	50.0% #DC3311	RGB 220 51 17	#DC3311
66.7%	66.7% #D12C0E	RGB 209 44 14	#D12C0E
83.3%	83.3% #C5250B	RGB 197 37 11	#C5250B
100.0%	100.0% #BA1F09	RGB 186 31 9	#BA1F09

#FF4C1C #F34419 #E83B15 #DC3311 #D12C0E #C5250B #BA1F09

#FF4D1D - #DC3311 - #BA1F09

CSS codes

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

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