#5E1054 - #B65181 | 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 #5E1054 to #B65181

#5E1054 #B65181

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

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

0.0%	0.0% #5E1054	RGB 94 16 84	#5E1054
16.7%	16.7% #6C1A5B	RGB 108 26 91	#6C1A5B
33.3%	33.3% #7B2563	RGB 123 37 99	#7B2563
50.0%	50.0% #8A306A	RGB 138 48 106	#8A306A
66.7%	66.7% #983B72	RGB 152 59 114	#983B72
83.3%	83.3% #A74679	RGB 167 70 121	#A74679
100.0%	100.0% #B65181	RGB 182 81 129	#B65181

#5E1054 #6C1A5B #7B2563 #8A306A #983B72 #A74679 #B65181

#5E1054 - #B65181

HSV Blend

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

0.0%	0.0% #5E0F53	RGB 94 15 83	#5E0F53
16.7%	16.7% #6C175C	RGB 108 23 92	#6C175C
33.3%	33.3% #7B2063	RGB 123 32 99	#7B2063
50.0%	50.0% #8A2A6A	RGB 138 42 106	#8A2A6A
66.7%	66.7% #983571	RGB 152 53 113	#983571
83.3%	83.3% #A74279	RGB 167 66 121	#A74279
100.0%	100.0% #B65181	RGB 182 81 129	#B65181

#5E0F53 #6C175C #7B2063 #8A2A6A #983571 #A74279 #B65181

#5E1054 - #8A2A6A - #B65181

CSS codes

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

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