#B5222B - #FF6329 | 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 #B5222B to #FF6329

#B5222B #FF6329

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

#B5222B - #FF6329 | 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 #B5222B as 0% and #FF6329 as 100%.

0.0%	0.0% #B5222B	RGB 181 34 43	#B5222B
16.7%	16.7% #C12C2A	RGB 193 44 42	#C12C2A
33.3%	33.3% #CD372A	RGB 205 55 42	#CD372A
50.0%	50.0% #DA422A	RGB 218 66 42	#DA422A
66.7%	66.7% #E64D29	RGB 230 77 41	#E64D29
83.3%	83.3% #F25829	RGB 242 88 41	#F25829
100.0%	100.0% #FF6329	RGB 255 99 41	#FF6329

#B5222B #C12C2A #CD372A #DA422A #E64D29 #F25829 #FF6329

#B5222B - #FF6329

HSV Blend

#B5222B - #FF6329 | 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 #B5222B as 0% and #FF6329 as 100%.

0.0%	0.0% #B5212A	RGB 181 33 42	#B5212A
16.7%	16.7% #C12324	RGB 193 35 36	#C12324
33.3%	33.3% #CD2D24	RGB 205 45 36	#CD2D24
50.0%	50.0% #DA3826	RGB 218 56 38	#DA3826
66.7%	66.7% #E64527	RGB 230 69 39	#E64527
83.3%	83.3% #F25328	RGB 242 83 40	#F25328
100.0%	100.0% #FF6329	RGB 255 99 41	#FF6329

#B5212A #C12324 #CD2D24 #DA3826 #E64527 #F25328 #FF6329

#B5222B - #DA3826 - #FF6329

CSS codes

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

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