#BA5E7F - #841B39 | 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 #BA5E7F to #841B39

#BA5E7F #841B39

Calculate the color between two colors, #BA5E7F and #841B39. 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)

#BA5E7F - #841B39 | 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 #BA5E7F as 0% and #841B39 as 100%.

0.0%	0.0% #BA5E7F	RGB 186 94 127	#BA5E7F
16.7%	16.7% #B15273	RGB 177 82 115	#B15273
33.3%	33.3% #A84767	RGB 168 71 103	#A84767
50.0%	50.0% #9F3C5C	RGB 159 60 92	#9F3C5C
66.7%	66.7% #963150	RGB 150 49 80	#963150
83.3%	83.3% #8D2644	RGB 141 38 68	#8D2644
100.0%	100.0% #841B39	RGB 132 27 57	#841B39

#BA5E7F #B15273 #A84767 #9F3C5C #963150 #8D2644 #841B39

#BA5E7F - #841B39

HSV Blend

#BA5E7F - #841B39 | 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 #BA5E7F as 0% and #841B39 as 100%.

0.0%	0.0% #BA5E7F	RGB 186 94 127	#BA5E7F
16.7%	16.7% #B15071	RGB 177 80 113	#B15071
33.3%	33.3% #A84465	RGB 168 68 101	#A84465
50.0%	50.0% #9F3859	RGB 159 56 89	#9F3859
66.7%	66.7% #962D4E	RGB 150 45 78	#962D4E
83.3%	83.3% #8D2343	RGB 141 35 67	#8D2343
100.0%	100.0% #841B39	RGB 132 27 57	#841B39

#BA5E7F #B15071 #A84465 #9F3859 #962D4E #8D2343 #841B39

#BA5E7F - #9F3859 - #841B39

CSS codes

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

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