#BD5E9A - #791351 | 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 #BD5E9A to #791351

#BD5E9A #791351

Calculate the color between two colors, #BD5E9A and #791351. 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)

#BD5E9A - #791351 | 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 #BD5E9A as 0% and #791351 as 100%.

0.0%	0.0% #BD5E9A	RGB 189 94 154	#BD5E9A
16.7%	16.7% #B1518D	RGB 177 81 141	#B1518D
33.3%	33.3% #A64581	RGB 166 69 129	#A64581
50.0%	50.0% #9B3875	RGB 155 56 117	#9B3875
66.7%	66.7% #8F2C69	RGB 143 44 105	#8F2C69
83.3%	83.3% #841F5D	RGB 132 31 93	#841F5D
100.0%	100.0% #791351	RGB 121 19 81	#791351

#BD5E9A #B1518D #A64581 #9B3875 #8F2C69 #841F5D #791351

#BD5E9A - #791351

HSV Blend

#BD5E9A - #791351 | 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 #BD5E9A as 0% and #791351 as 100%.

0.0%	0.0% #BD5E9A	RGB 189 94 154	#BD5E9A
16.7%	16.7% #B14E8C	RGB 177 78 140	#B14E8C
33.3%	33.3% #A63F7F	RGB 166 63 127	#A63F7F
50.0%	50.0% #9B3273	RGB 155 50 115	#9B3273
66.7%	66.7% #8F2667	RGB 143 38 103	#8F2667
83.3%	83.3% #841C5B	RGB 132 28 91	#841C5B
100.0%	100.0% #791351	RGB 121 19 81	#791351

#BD5E9A #B14E8C #A63F7F #9B3273 #8F2667 #841C5B #791351

#BD5E9A - #9B3273 - #791351

CSS codes

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

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