#BD3C3C - #FE8A50 | 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 #BD3C3C to #FE8A50

#BD3C3C #FE8A50

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

#BD3C3C - #FE8A50 | 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 #BD3C3C as 0% and #FE8A50 as 100%.

0.0%	0.0% #BD3C3C	RGB 189 60 60	#BD3C3C
16.7%	16.7% #C7493F	RGB 199 73 63	#C7493F
33.3%	33.3% #D25642	RGB 210 86 66	#D25642
50.0%	50.0% #DD6346	RGB 221 99 70	#DD6346
66.7%	66.7% #E87049	RGB 232 112 73	#E87049
83.3%	83.3% #F37D4C	RGB 243 125 76	#F37D4C
100.0%	100.0% #FE8A50	RGB 254 138 80	#FE8A50

#BD3C3C #C7493F #D25642 #DD6346 #E87049 #F37D4C #FE8A50

#BD3C3C - #FE8A50

HSV Blend

#BD3C3C - #FE8A50 | 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 #BD3C3C as 0% and #FE8A50 as 100%.

0.0%	0.0% #BD3C3C	RGB 189 60 60	#BD3C3C
16.7%	16.7% #C7463F	RGB 199 70 63	#C7463F
33.3%	33.3% #D25242	RGB 210 82 66	#D25242
50.0%	50.0% #DD5F46	RGB 221 95 70	#DD5F46
66.7%	66.7% #E86C49	RGB 232 108 73	#E86C49
83.3%	83.3% #F37A4C	RGB 243 122 76	#F37A4C
100.0%	100.0% #FE8A50	RGB 254 138 80	#FE8A50

#BD3C3C #C7463F #D25242 #DD5F46 #E86C49 #F37A4C #FE8A50

#BD3C3C - #DD5F46 - #FE8A50

CSS codes

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

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