#C76C8C - #871A3F | 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 #C76C8C to #871A3F

#C76C8C #871A3F

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

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

0.0%	0.0% #C76C8C	RGB 199 108 140	#C76C8C
16.7%	16.7% #BC5E7F	RGB 188 94 127	#BC5E7F
33.3%	33.3% #B15072	RGB 177 80 114	#B15072
50.0%	50.0% #A74365	RGB 167 67 101	#A74365
66.7%	66.7% #9C3558	RGB 156 53 88	#9C3558
83.3%	83.3% #91274B	RGB 145 39 75	#91274B
100.0%	100.0% #871A3F	RGB 135 26 63	#871A3F

#C76C8C #BC5E7F #B15072 #A74365 #9C3558 #91274B #871A3F

#C76C8C - #871A3F

HSV Blend

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

0.0%	0.0% #C76C8C	RGB 199 108 140	#C76C8C
16.7%	16.7% #BC5B7D	RGB 188 91 125	#BC5B7D
33.3%	33.3% #B14B6F	RGB 177 75 111	#B14B6F
50.0%	50.0% #A73D61	RGB 167 61 97	#A73D61
66.7%	66.7% #9C3055	RGB 156 48 85	#9C3055
83.3%	83.3% #912449	RGB 145 36 73	#912449
100.0%	100.0% #871A3F	RGB 135 26 63	#871A3F

#C76C8C #BC5B7D #B14B6F #A73D61 #9C3055 #912449 #871A3F

#C76C8C - #A73D61 - #871A3F

CSS codes

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

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