#5E0041 - #AB2B61 | 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 #5E0041 to #AB2B61

#5E0041 #AB2B61

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

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

0.0%	0.0% #5E0041	RGB 94 0 65	#5E0041
16.7%	16.7% #6A0746	RGB 106 7 70	#6A0746
33.3%	33.3% #770E4B	RGB 119 14 75	#770E4B
50.0%	50.0% #841551	RGB 132 21 81	#841551
66.7%	66.7% #911C56	RGB 145 28 86	#911C56
83.3%	83.3% #9E235B	RGB 158 35 91	#9E235B
100.0%	100.0% #AB2B61	RGB 171 43 97	#AB2B61

#5E0041 #6A0746 #770E4B #841551 #911C56 #9E235B #AB2B61

#5E0041 - #AB2B61

HSV Blend

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

0.0%	0.0% #5E0040	RGB 94 0 64	#5E0040
16.7%	16.7% #6A0446	RGB 106 4 70	#6A0446
33.3%	33.3% #770A4B	RGB 119 10 75	#770A4B
50.0%	50.0% #841051	RGB 132 16 81	#841051
66.7%	66.7% #911856	RGB 145 24 86	#911856
83.3%	83.3% #9E215B	RGB 158 33 91	#9E215B
100.0%	100.0% #AB2B61	RGB 171 43 97	#AB2B61

#5E0040 #6A0446 #770A4B #841051 #911856 #9E215B #AB2B61

#5E0041 - #841051 - #AB2B61

CSS codes

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

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