#5E0042 - #AB2B62 | 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 #5E0042 to #AB2B62

#5E0042 #AB2B62

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

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

0.0%	0.0% #5E0042	RGB 94 0 66	#5E0042
16.7%	16.7% #6A0747	RGB 106 7 71	#6A0747
33.3%	33.3% #770E4C	RGB 119 14 76	#770E4C
50.0%	50.0% #841552	RGB 132 21 82	#841552
66.7%	66.7% #911C57	RGB 145 28 87	#911C57
83.3%	83.3% #9E235C	RGB 158 35 92	#9E235C
100.0%	100.0% #AB2B62	RGB 171 43 98	#AB2B62

#5E0042 #6A0747 #770E4C #841552 #911C57 #9E235C #AB2B62

#5E0042 - #AB2B62

HSV Blend

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

0.0%	0.0% #5E0041	RGB 94 0 65	#5E0041
16.7%	16.7% #6A0447	RGB 106 4 71	#6A0447
33.3%	33.3% #770A4D	RGB 119 10 77	#770A4D
50.0%	50.0% #841052	RGB 132 16 82	#841052
66.7%	66.7% #911857	RGB 145 24 87	#911857
83.3%	83.3% #9E215C	RGB 158 33 92	#9E215C
100.0%	100.0% #AB2B62	RGB 171 43 98	#AB2B62

#5E0041 #6A0447 #770A4D #841052 #911857 #9E215C #AB2B62

#5E0042 - #841052 - #AB2B62

CSS codes

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

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