#BD3E3B - #7E150D | 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 #BD3E3B to #7E150D

#BD3E3B #7E150D

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

#BD3E3B - #7E150D | 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 #BD3E3B as 0% and #7E150D as 100%.

0.0%	0.0% #BD3E3B	RGB 189 62 59	#BD3E3B
16.7%	16.7% #B23733	RGB 178 55 51	#B23733
33.3%	33.3% #A8302B	RGB 168 48 43	#A8302B
50.0%	50.0% #9D2924	RGB 157 41 36	#9D2924
66.7%	66.7% #93221C	RGB 147 34 28	#93221C
83.3%	83.3% #881B14	RGB 136 27 20	#881B14
100.0%	100.0% #7E150D	RGB 126 21 13	#7E150D

#BD3E3B #B23733 #A8302B #9D2924 #93221C #881B14 #7E150D

#BD3E3B - #7E150D

HSV Blend

#BD3E3B - #7E150D | 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 #BD3E3B as 0% and #7E150D as 100%.

0.0%	0.0% #BD3E3B	RGB 189 62 59	#BD3E3B
16.7%	16.7% #B23531	RGB 178 53 49	#B23531
33.3%	33.3% #A82D28	RGB 168 45 40	#A82D28
50.0%	50.0% #9D2620	RGB 157 38 32	#9D2620
66.7%	66.7% #932019	RGB 147 32 25	#932019
83.3%	83.3% #881A12	RGB 136 26 18	#881A12
100.0%	100.0% #7E150D	RGB 126 21 13	#7E150D

#BD3E3B #B23531 #A82D28 #9D2620 #932019 #881A12 #7E150D

#BD3E3B - #9D2620 - #7E150D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BD3E3B 0%, #9D2620 50%, #7E150D 100%);
    background: -webkit-linear-gradient(top, #BD3E3B 0%, #9D2620 50%, #7E150D 100%);
    background: linear-gradient(to bottom, #BD3E3B 0%, #9D2620 50%, #7E150D 100%);
}
</style>