#B67ABC - #871F84 | 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 #B67ABC to #871F84

#B67ABC #871F84

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

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

0.0%	0.0% #B67ABC	RGB 182 122 188	#B67ABC
16.7%	16.7% #AE6AB2	RGB 174 106 178	#AE6AB2
33.3%	33.3% #A65BA9	RGB 166 91 169	#A65BA9
50.0%	50.0% #9E4CA0	RGB 158 76 160	#9E4CA0
66.7%	66.7% #963D96	RGB 150 61 150	#963D96
83.3%	83.3% #8E2E8D	RGB 142 46 141	#8E2E8D
100.0%	100.0% #871F84	RGB 135 31 132	#871F84

#B67ABC #AE6AB2 #A65BA9 #9E4CA0 #963D96 #8E2E8D #871F84

#B67ABC - #871F84

HSV Blend

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

0.0%	0.0% #B67ABC	RGB 182 122 188	#B67ABC
16.7%	16.7% #AD67B3	RGB 173 103 179	#AD67B3
33.3%	33.3% #A656AA	RGB 166 86 170	#A656AA
50.0%	50.0% #9E46A1	RGB 158 70 161	#9E46A1
66.7%	66.7% #973898	RGB 151 56 152	#973898
83.3%	83.3% #8F2B8E	RGB 143 43 142	#8F2B8E
100.0%	100.0% #871F84	RGB 135 31 132	#871F84

#B67ABC #AD67B3 #A656AA #9E46A1 #973898 #8F2B8E #871F84

#B67ABC - #9E46A1 - #871F84

CSS codes

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

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