#BC5E76 - #76172E | 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 #BC5E76 to #76172E

#BC5E76 #76172E

Calculate the color between two colors, #BC5E76 and #76172E. 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)

#BC5E76 - #76172E | 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 #BC5E76 as 0% and #76172E as 100%.

0.0%	0.0% #BC5E76	RGB 188 94 118	#BC5E76
16.7%	16.7% #B0526A	RGB 176 82 106	#B0526A
33.3%	33.3% #A4465E	RGB 164 70 94	#A4465E
50.0%	50.0% #993A52	RGB 153 58 82	#993A52
66.7%	66.7% #8D2E46	RGB 141 46 70	#8D2E46
83.3%	83.3% #81223A	RGB 129 34 58	#81223A
100.0%	100.0% #76172E	RGB 118 23 46	#76172E

#BC5E76 #B0526A #A4465E #993A52 #8D2E46 #81223A #76172E

#BC5E76 - #76172E

HSV Blend

#BC5E76 - #76172E | 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 #BC5E76 as 0% and #76172E as 100%.

0.0%	0.0% #BC5E76	RGB 188 94 118	#BC5E76
16.7%	16.7% #B04F67	RGB 176 79 103	#B04F67
33.3%	33.3% #A4415A	RGB 164 65 90	#A4415A
50.0%	50.0% #99354D	RGB 153 53 77	#99354D
66.7%	66.7% #8D2942	RGB 141 41 66	#8D2942
83.3%	83.3% #811F37	RGB 129 31 55	#811F37
100.0%	100.0% #76172E	RGB 118 23 46	#76172E

#BC5E76 #B04F67 #A4415A #99354D #8D2942 #811F37 #76172E

#BC5E76 - #99354D - #76172E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC5E76 0%, #99354D 50%, #76172E 100%);
    background: -webkit-linear-gradient(top, #BC5E76 0%, #99354D 50%, #76172E 100%);
    background: linear-gradient(to bottom, #BC5E76 0%, #99354D 50%, #76172E 100%);
}
</style>