#BD5E71 - #76192B | 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 #BD5E71 to #76192B

#BD5E71 #76192B

Calculate the color between two colors, #BD5E71 and #76192B. 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)

#BD5E71 - #76192B | 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 #BD5E71 as 0% and #76192B as 100%.

0.0%	0.0% #BD5E71	RGB 189 94 113	#BD5E71
16.7%	16.7% #B15265	RGB 177 82 101	#B15265
33.3%	33.3% #A54759	RGB 165 71 89	#A54759
50.0%	50.0% #993B4E	RGB 153 59 78	#993B4E
66.7%	66.7% #8D3042	RGB 141 48 66	#8D3042
83.3%	83.3% #812436	RGB 129 36 54	#812436
100.0%	100.0% #76192B	RGB 118 25 43	#76192B

#BD5E71 #B15265 #A54759 #993B4E #8D3042 #812436 #76192B

#BD5E71 - #76192B

HSV Blend

#BD5E71 - #76192B | 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 #BD5E71 as 0% and #76192B as 100%.

0.0%	0.0% #BD5E71	RGB 189 94 113	#BD5E71
16.7%	16.7% #B14F63	RGB 177 79 99	#B14F63
33.3%	33.3% #A54256	RGB 165 66 86	#A54256
50.0%	50.0% #993649	RGB 153 54 73	#993649
66.7%	66.7% #8D2B3E	RGB 141 43 62	#8D2B3E
83.3%	83.3% #812134	RGB 129 33 52	#812134
100.0%	100.0% #76192B	RGB 118 25 43	#76192B

#BD5E71 #B14F63 #A54256 #993649 #8D2B3E #812134 #76192B

#BD5E71 - #993649 - #76192B

CSS codes

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

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