#BC7A8F - #871F33 | 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 #BC7A8F to #871F33

#BC7A8F #871F33

Calculate the color between two colors, #BC7A8F and #871F33. 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)

#BC7A8F - #871F33 | 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 #BC7A8F as 0% and #871F33 as 100%.

0.0%	0.0% #BC7A8F	RGB 188 122 143	#BC7A8F
16.7%	16.7% #B36A7F	RGB 179 106 127	#B36A7F
33.3%	33.3% #AA5B70	RGB 170 91 112	#AA5B70
50.0%	50.0% #A14C61	RGB 161 76 97	#A14C61
66.7%	66.7% #983D51	RGB 152 61 81	#983D51
83.3%	83.3% #8F2E42	RGB 143 46 66	#8F2E42
100.0%	100.0% #871F33	RGB 135 31 51	#871F33

#BC7A8F #B36A7F #AA5B70 #A14C61 #983D51 #8F2E42 #871F33

#BC7A8F - #871F33

HSV Blend

#BC7A8F - #871F33 | 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 #BC7A8F as 0% and #871F33 as 100%.

0.0%	0.0% #BC7A8F	RGB 188 122 143	#BC7A8F
16.7%	16.7% #B3677E	RGB 179 103 126	#B3677E
33.3%	33.3% #AA566D	RGB 170 86 109	#AA566D
50.0%	50.0% #A1465E	RGB 161 70 94	#A1465E
66.7%	66.7% #98384E	RGB 152 56 78	#98384E
83.3%	83.3% #8F2B40	RGB 143 43 64	#8F2B40
100.0%	100.0% #871F33	RGB 135 31 51	#871F33

#BC7A8F #B3677E #AA566D #A1465E #98384E #8F2B40 #871F33

#BC7A8F - #A1465E - #871F33

CSS codes

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

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