#BF759C - #871D4C | 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 #BF759C to #871D4C

#BF759C #871D4C

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

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

0.0%	0.0% #BF759C	RGB 191 117 156	#BF759C
16.7%	16.7% #B5668E	RGB 181 102 142	#B5668E
33.3%	33.3% #AC5781	RGB 172 87 129	#AC5781
50.0%	50.0% #A34974	RGB 163 73 116	#A34974
66.7%	66.7% #993A66	RGB 153 58 102	#993A66
83.3%	83.3% #902B59	RGB 144 43 89	#902B59
100.0%	100.0% #871D4C	RGB 135 29 76	#871D4C

#BF759C #B5668E #AC5781 #A34974 #993A66 #902B59 #871D4C

#BF759C - #871D4C

HSV Blend

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

0.0%	0.0% #BF759B	RGB 191 117 155	#BF759B
16.7%	16.7% #B5638D	RGB 181 99 141	#B5638D
33.3%	33.3% #AC527F	RGB 172 82 127	#AC527F
50.0%	50.0% #A34371	RGB 163 67 113	#A34371
66.7%	66.7% #993564	RGB 153 53 100	#993564
83.3%	83.3% #902858	RGB 144 40 88	#902858
100.0%	100.0% #871D4C	RGB 135 29 76	#871D4C

#BF759B #B5638D #AC527F #A34371 #993564 #902858 #871D4C

#BF759C - #A34371 - #871D4C

CSS codes

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

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