#BD5E61 - #791314 | 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 #BD5E61 to #791314

#BD5E61 #791314

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

#BD5E61 - #791314 | 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 #BD5E61 as 0% and #791314 as 100%.

0.0%	0.0% #BD5E61	RGB 189 94 97	#BD5E61
16.7%	16.7% #B15154	RGB 177 81 84	#B15154
33.3%	33.3% #A64547	RGB 166 69 71	#A64547
50.0%	50.0% #9B383A	RGB 155 56 58	#9B383A
66.7%	66.7% #8F2C2D	RGB 143 44 45	#8F2C2D
83.3%	83.3% #841F20	RGB 132 31 32	#841F20
100.0%	100.0% #791314	RGB 121 19 20	#791314

#BD5E61 #B15154 #A64547 #9B383A #8F2C2D #841F20 #791314

#BD5E61 - #791314

HSV Blend

#BD5E61 - #791314 | 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 #BD5E61 as 0% and #791314 as 100%.

0.0%	0.0% #BD5E61	RGB 189 94 97	#BD5E61
16.7%	16.7% #B14E51	RGB 177 78 81	#B14E51
33.3%	33.3% #A63F42	RGB 166 63 66	#A63F42
50.0%	50.0% #9B3234	RGB 155 50 52	#9B3234
66.7%	66.7% #8F2628	RGB 143 38 40	#8F2628
83.3%	83.3% #841C1D	RGB 132 28 29	#841C1D
100.0%	100.0% #791314	RGB 121 19 20	#791314

#BD5E61 #B14E51 #A63F42 #9B3234 #8F2628 #841C1D #791314

#BD5E61 - #9B3234 - #791314

CSS codes

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

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