#5E145B - #B8598B | 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 #5E145B to #B8598B

#5E145B #B8598B

Calculate the color between two colors, #5E145B and #B8598B. 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)

#5E145B - #B8598B | 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 #5E145B as 0% and #B8598B as 100%.

0.0%	0.0% #5E145B	RGB 94 20 91	#5E145B
16.7%	16.7% #6D1F63	RGB 109 31 99	#6D1F63
33.3%	33.3% #7C2B6B	RGB 124 43 107	#7C2B6B
50.0%	50.0% #8B3673	RGB 139 54 115	#8B3673
66.7%	66.7% #9A427B	RGB 154 66 123	#9A427B
83.3%	83.3% #A94D83	RGB 169 77 131	#A94D83
100.0%	100.0% #B8598B	RGB 184 89 139	#B8598B

#5E145B #6D1F63 #7C2B6B #8B3673 #9A427B #A94D83 #B8598B

#5E145B - #B8598B

HSV Blend

#5E145B - #B8598B | 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 #5E145B as 0% and #B8598B as 100%.

0.0%	0.0% #5E135B	RGB 94 19 91	#5E135B
16.7%	16.7% #6D1C63	RGB 109 28 99	#6D1C63
33.3%	33.3% #7C256C	RGB 124 37 108	#7C256C
50.0%	50.0% #8B3073	RGB 139 48 115	#8B3073
66.7%	66.7% #9A3C7B	RGB 154 60 123	#9A3C7B
83.3%	83.3% #A94A82	RGB 169 74 130	#A94A82
100.0%	100.0% #B8598B	RGB 184 89 139	#B8598B

#5E135B #6D1C63 #7C256C #8B3073 #9A3C7B #A94A82 #B8598B

#5E145B - #8B3073 - #B8598B

CSS codes

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

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