#BF85B0 - #8F2460 | 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 #BF85B0 to #8F2460

#BF85B0 #8F2460

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

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

0.0%	0.0% #BF85B0	RGB 191 133 176	#BF85B0
16.7%	16.7% #B774A2	RGB 183 116 162	#B774A2
33.3%	33.3% #AF6495	RGB 175 100 149	#AF6495
50.0%	50.0% #A75488	RGB 167 84 136	#A75488
66.7%	66.7% #9F447A	RGB 159 68 122	#9F447A
83.3%	83.3% #97346D	RGB 151 52 109	#97346D
100.0%	100.0% #8F2460	RGB 143 36 96	#8F2460

#BF85B0 #B774A2 #AF6495 #A75488 #9F447A #97346D #8F2460

#BF85B0 - #8F2460

HSV Blend

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

0.0%	0.0% #BF85B0	RGB 191 133 176	#BF85B0
16.7%	16.7% #B771A3	RGB 183 113 163	#B771A3
33.3%	33.3% #AF5F95	RGB 175 95 149	#AF5F95
50.0%	50.0% #A74F88	RGB 167 79 136	#A74F88
66.7%	66.7% #9F3F7A	RGB 159 63 122	#9F3F7A
83.3%	83.3% #97316D	RGB 151 49 109	#97316D
100.0%	100.0% #8F2460	RGB 143 36 96	#8F2460

#BF85B0 #B771A3 #AF5F95 #A74F88 #9F3F7A #97316D #8F2460

#BF85B0 - #A74F88 - #8F2460

CSS codes

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

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