#591B5E - #BC38C3 | 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 #591B5E to #BC38C3

#591B5E #BC38C3

Calculate the color between two colors, #591B5E and #BC38C3. 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)

#591B5E - #BC38C3 | 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 #591B5E as 0% and #BC38C3 as 100%.

0.0%	0.0% #591B5E	RGB 89 27 94	#591B5E
16.7%	16.7% #691F6E	RGB 105 31 110	#691F6E
33.3%	33.3% #7A247F	RGB 122 36 127	#7A247F
50.0%	50.0% #8A2990	RGB 138 41 144	#8A2990
66.7%	66.7% #9B2EA1	RGB 155 46 161	#9B2EA1
83.3%	83.3% #AB33B2	RGB 171 51 178	#AB33B2
100.0%	100.0% #BC38C3	RGB 188 56 195	#BC38C3

#591B5E #691F6E #7A247F #8A2990 #9B2EA1 #AB33B2 #BC38C3

#591B5E - #BC38C3

HSV Blend

#591B5E - #BC38C3 | 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 #591B5E as 0% and #BC38C3 as 100%.

0.0%	0.0% #591B5E	RGB 89 27 94	#591B5E
16.7%	16.7% #691F6E	RGB 105 31 110	#691F6E
33.3%	33.3% #79247F	RGB 121 36 127	#79247F
50.0%	50.0% #8A2990	RGB 138 41 144	#8A2990
66.7%	66.7% #9A2EA1	RGB 154 46 161	#9A2EA1
83.3%	83.3% #AB33B2	RGB 171 51 178	#AB33B2
100.0%	100.0% #BC38C3	RGB 188 56 195	#BC38C3

#591B5E #691F6E #79247F #8A2990 #9A2EA1 #AB33B2 #BC38C3

#591B5E - #8A2990 - #BC38C3

CSS codes

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

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