#BF2B2B - #FF7536 | 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 #BF2B2B to #FF7536

#BF2B2B #FF7536

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

#BF2B2B - #FF7536 | 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 #BF2B2B as 0% and #FF7536 as 100%.

0.0%	0.0% #BF2B2B	RGB 191 43 43	#BF2B2B
16.7%	16.7% #C9372C	RGB 201 55 44	#C9372C
33.3%	33.3% #D4432E	RGB 212 67 46	#D4432E
50.0%	50.0% #DF5030	RGB 223 80 48	#DF5030
66.7%	66.7% #E95C32	RGB 233 92 50	#E95C32
83.3%	83.3% #F46834	RGB 244 104 52	#F46834
100.0%	100.0% #FF7536	RGB 255 117 54	#FF7536

#BF2B2B #C9372C #D4432E #DF5030 #E95C32 #F46834 #FF7536

#BF2B2B - #FF7536

HSV Blend

#BF2B2B - #FF7536 | 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 #BF2B2B as 0% and #FF7536 as 100%.

0.0%	0.0% #BF2B2B	RGB 191 43 43	#BF2B2B
16.7%	16.7% #C9352C	RGB 201 53 44	#C9352C
33.3%	33.3% #D4402E	RGB 212 64 46	#D4402E
50.0%	50.0% #DF4C30	RGB 223 76 48	#DF4C30
66.7%	66.7% #E95832	RGB 233 88 50	#E95832
83.3%	83.3% #F46634	RGB 244 102 52	#F46634
100.0%	100.0% #FF7536	RGB 255 117 54	#FF7536

#BF2B2B #C9352C #D4402E #DF4C30 #E95832 #F46634 #FF7536

#BF2B2B - #DF4C30 - #FF7536

CSS codes

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

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