#BC1D3C - #FF6540 | 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 #BC1D3C to #FF6540

#BC1D3C #FF6540

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

#BC1D3C - #FF6540 | 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 #BC1D3C as 0% and #FF6540 as 100%.

0.0%	0.0% #BC1D3C	RGB 188 29 60	#BC1D3C
16.7%	16.7% #C7293C	RGB 199 41 60	#C7293C
33.3%	33.3% #D2353D	RGB 210 53 61	#D2353D
50.0%	50.0% #DD413E	RGB 221 65 62	#DD413E
66.7%	66.7% #E84D3E	RGB 232 77 62	#E84D3E
83.3%	83.3% #F3593F	RGB 243 89 63	#F3593F
100.0%	100.0% #FF6540	RGB 255 101 64	#FF6540

#BC1D3C #C7293C #D2353D #DD413E #E84D3E #F3593F #FF6540

#BC1D3C - #FF6540

HSV Blend

#BC1D3C - #FF6540 | 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 #BC1D3C as 0% and #FF6540 as 100%.

0.0%	0.0% #BC1D3C	RGB 188 29 60	#BC1D3C
16.7%	16.7% #C72137	RGB 199 33 55	#C72137
33.3%	33.3% #D22732	RGB 210 39 50	#D22732
50.0%	50.0% #DD2C2C	RGB 221 44 44	#DD2C2C
66.7%	66.7% #E83E32	RGB 232 62 50	#E83E32
83.3%	83.3% #F35139	RGB 243 81 57	#F35139
100.0%	100.0% #FF6540	RGB 255 101 64	#FF6540

#BC1D3C #C72137 #D22732 #DD2C2C #E83E32 #F35139 #FF6540

#BC1D3C - #DD2C2C - #FF6540

CSS codes

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

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