#5E1152 - #B7527E | 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 #5E1152 to #B7527E

#5E1152 #B7527E

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

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

0.0%	0.0% #5E1152	RGB 94 17 82	#5E1152
16.7%	16.7% #6C1B59	RGB 108 27 89	#6C1B59
33.3%	33.3% #7B2660	RGB 123 38 96	#7B2660
50.0%	50.0% #8A3168	RGB 138 49 104	#8A3168
66.7%	66.7% #993C6F	RGB 153 60 111	#993C6F
83.3%	83.3% #A84776	RGB 168 71 118	#A84776
100.0%	100.0% #B7527E	RGB 183 82 126	#B7527E

#5E1152 #6C1B59 #7B2660 #8A3168 #993C6F #A84776 #B7527E

#5E1152 - #B7527E

HSV Blend

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

0.0%	0.0% #5E1052	RGB 94 16 82	#5E1052
16.7%	16.7% #6C1859	RGB 108 24 89	#6C1859
33.3%	33.3% #7B2161	RGB 123 33 97	#7B2161
50.0%	50.0% #8A2B68	RGB 138 43 104	#8A2B68
66.7%	66.7% #99376F	RGB 153 55 111	#99376F
83.3%	83.3% #A84376	RGB 168 67 118	#A84376
100.0%	100.0% #B7527E	RGB 183 82 126	#B7527E

#5E1052 #6C1859 #7B2161 #8A2B68 #99376F #A84376 #B7527E

#5E1152 - #8A2B68 - #B7527E

CSS codes

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

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