#BF85AB - #8D275B | 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 #BF85AB to #8D275B

#BF85AB #8D275B

Calculate the color between two colors, #BF85AB and #8D275B. 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)

#BF85AB - #8D275B | 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 #BF85AB as 0% and #8D275B as 100%.

0.0%	0.0% #BF85AB	RGB 191 133 171	#BF85AB
16.7%	16.7% #B6759D	RGB 182 117 157	#B6759D
33.3%	33.3% #AE6590	RGB 174 101 144	#AE6590
50.0%	50.0% #A65683	RGB 166 86 131	#A65683
66.7%	66.7% #9D4675	RGB 157 70 117	#9D4675
83.3%	83.3% #953668	RGB 149 54 104	#953668
100.0%	100.0% #8D275B	RGB 141 39 91	#8D275B

#BF85AB #B6759D #AE6590 #A65683 #9D4675 #953668 #8D275B

#BF85AB - #8D275B

HSV Blend

#BF85AB - #8D275B | 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 #BF85AB as 0% and #8D275B as 100%.

0.0%	0.0% #BF85AB	RGB 191 133 171	#BF85AB
16.7%	16.7% #B6729D	RGB 182 114 157	#B6729D
33.3%	33.3% #AE618F	RGB 174 97 143	#AE618F
50.0%	50.0% #A65082	RGB 166 80 130	#A65082
66.7%	66.7% #9D4175	RGB 157 65 117	#9D4175
83.3%	83.3% #953367	RGB 149 51 103	#953367
100.0%	100.0% #8D275B	RGB 141 39 91	#8D275B

#BF85AB #B6729D #AE618F #A65082 #9D4175 #953367 #8D275B

#BF85AB - #A65082 - #8D275B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF85AB 0%, #A65082 50%, #8D275B 100%);
    background: -webkit-linear-gradient(top, #BF85AB 0%, #A65082 50%, #8D275B 100%);
    background: linear-gradient(to bottom, #BF85AB 0%, #A65082 50%, #8D275B 100%);
}
</style>