#BD7EB2 - #8D1B62 | 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 #BD7EB2 to #8D1B62

#BD7EB2 #8D1B62

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

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

0.0%	0.0% #BD7EB2	RGB 189 126 178	#BD7EB2
16.7%	16.7% #B56DA4	RGB 181 109 164	#B56DA4
33.3%	33.3% #AD5D97	RGB 173 93 151	#AD5D97
50.0%	50.0% #A54C8A	RGB 165 76 138	#A54C8A
66.7%	66.7% #9D3C7C	RGB 157 60 124	#9D3C7C
83.3%	83.3% #952B6F	RGB 149 43 111	#952B6F
100.0%	100.0% #8D1B62	RGB 141 27 98	#8D1B62

#BD7EB2 #B56DA4 #AD5D97 #A54C8A #9D3C7C #952B6F #8D1B62

#BD7EB2 - #8D1B62

HSV Blend

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

0.0%	0.0% #BD7EB2	RGB 189 126 178	#BD7EB2
16.7%	16.7% #B56AA5	RGB 181 106 165	#B56AA5
33.3%	33.3% #AD5798	RGB 173 87 152	#AD5798
50.0%	50.0% #A5468B	RGB 165 70 139	#A5468B
66.7%	66.7% #9D367D	RGB 157 54 125	#9D367D
83.3%	83.3% #95286F	RGB 149 40 111	#95286F
100.0%	100.0% #8D1B62	RGB 141 27 98	#8D1B62

#BD7EB2 #B56AA5 #AD5798 #A5468B #9D367D #95286F #8D1B62

#BD7EB2 - #A5468B - #8D1B62

CSS codes

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

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