#BC361F - #FD7D28 | 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 #BC361F to #FD7D28

#BC361F #FD7D28

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

#BC361F - #FD7D28 | 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 #BC361F as 0% and #FD7D28 as 100%.

0.0%	0.0% #BC361F	RGB 188 54 31	#BC361F
16.7%	16.7% #C64120	RGB 198 65 32	#C64120
33.3%	33.3% #D14D22	RGB 209 77 34	#D14D22
50.0%	50.0% #DC5923	RGB 220 89 35	#DC5923
66.7%	66.7% #E76525	RGB 231 101 37	#E76525
83.3%	83.3% #F27126	RGB 242 113 38	#F27126
100.0%	100.0% #FD7D28	RGB 253 125 40	#FD7D28

#BC361F #C64120 #D14D22 #DC5923 #E76525 #F27126 #FD7D28

#BC361F - #FD7D28

HSV Blend

#BC361F - #FD7D28 | 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 #BC361F as 0% and #FD7D28 as 100%.

0.0%	0.0% #BC361F	RGB 188 54 31	#BC361F
16.7%	16.7% #C63F20	RGB 198 63 32	#C63F20
33.3%	33.3% #D14A22	RGB 209 74 34	#D14A22
50.0%	50.0% #DC5623	RGB 220 86 35	#DC5623
66.7%	66.7% #E76225	RGB 231 98 37	#E76225
83.3%	83.3% #F26F26	RGB 242 111 38	#F26F26
100.0%	100.0% #FD7D28	RGB 253 125 40	#FD7D28

#BC361F #C63F20 #D14A22 #DC5623 #E76225 #F26F26 #FD7D28

#BC361F - #DC5623 - #FD7D28

CSS codes

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

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