#BF84AB - #8D265B | 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 #BF84AB to #8D265B

#BF84AB #8D265B

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

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

0.0%	0.0% #BF84AB	RGB 191 132 171	#BF84AB
16.7%	16.7% #B6749D	RGB 182 116 157	#B6749D
33.3%	33.3% #AE6490	RGB 174 100 144	#AE6490
50.0%	50.0% #A65583	RGB 166 85 131	#A65583
66.7%	66.7% #9D4575	RGB 157 69 117	#9D4575
83.3%	83.3% #953568	RGB 149 53 104	#953568
100.0%	100.0% #8D265B	RGB 141 38 91	#8D265B

#BF84AB #B6749D #AE6490 #A65583 #9D4575 #953568 #8D265B

#BF84AB - #8D265B

HSV Blend

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

0.0%	0.0% #BF84AA	RGB 191 132 170	#BF84AA
16.7%	16.7% #B6719D	RGB 182 113 157	#B6719D
33.3%	33.3% #AE5F8F	RGB 174 95 143	#AE5F8F
50.0%	50.0% #A64F82	RGB 166 79 130	#A64F82
66.7%	66.7% #9D4075	RGB 157 64 117	#9D4075
83.3%	83.3% #953267	RGB 149 50 103	#953267
100.0%	100.0% #8D265B	RGB 141 38 91	#8D265B

#BF84AA #B6719D #AE5F8F #A64F82 #9D4075 #953267 #8D265B

#BF84AB - #A64F82 - #8D265B

CSS codes

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

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