#BC361F - #721809 | 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 #721809

#BC361F #721809

Calculate the color between two colors, #BC361F and #721809. 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 - #721809 | 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 #721809 as 100%.

0.0%	0.0% #BC361F	RGB 188 54 31	#BC361F
16.7%	16.7% #AF311B	RGB 175 49 27	#AF311B
33.3%	33.3% #A32C17	RGB 163 44 23	#A32C17
50.0%	50.0% #972714	RGB 151 39 20	#972714
66.7%	66.7% #8A2210	RGB 138 34 16	#8A2210
83.3%	83.3% #7E1D0C	RGB 126 29 12	#7E1D0C
100.0%	100.0% #721809	RGB 114 24 9	#721809

#BC361F #AF311B #A32C17 #972714 #8A2210 #7E1D0C #721809

#BC361F - #721809

HSV Blend

#BC361F - #721809 | 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 #721809 as 100%.

0.0%	0.0% #BC361F	RGB 188 54 31	#BC361F
16.7%	16.7% #AF301A	RGB 175 48 26	#AF301A
33.3%	33.3% #A32A16	RGB 163 42 22	#A32A16
50.0%	50.0% #972512	RGB 151 37 18	#972512
66.7%	66.7% #8A200E	RGB 138 32 14	#8A200E
83.3%	83.3% #7E1C0B	RGB 126 28 11	#7E1C0B
100.0%	100.0% #721809	RGB 114 24 9	#721809

#BC361F #AF301A #A32A16 #972512 #8A200E #7E1C0B #721809

#BC361F - #972512 - #721809

CSS codes

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

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