#5E204F - #BA4172 | 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 #5E204F to #BA4172

#5E204F #BA4172

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

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

0.0%	0.0% #5E204F	RGB 94 32 79	#5E204F
16.7%	16.7% #6D2554	RGB 109 37 84	#6D2554
33.3%	33.3% #7C2B5A	RGB 124 43 90	#7C2B5A
50.0%	50.0% #8C3060	RGB 140 48 96	#8C3060
66.7%	66.7% #9B3666	RGB 155 54 102	#9B3666
83.3%	83.3% #AA3B6C	RGB 170 59 108	#AA3B6C
100.0%	100.0% #BA4172	RGB 186 65 114	#BA4172

#5E204F #6D2554 #7C2B5A #8C3060 #9B3666 #AA3B6C #BA4172

#5E204F - #BA4172

HSV Blend

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

0.0%	0.0% #5E204F	RGB 94 32 79	#5E204F
16.7%	16.7% #6D2557	RGB 109 37 87	#6D2557
33.3%	33.3% #7C2A5F	RGB 124 42 95	#7C2A5F
50.0%	50.0% #8C3065	RGB 140 48 101	#8C3065
66.7%	66.7% #9B356A	RGB 155 53 106	#9B356A
83.3%	83.3% #AA3B6E	RGB 170 59 110	#AA3B6E
100.0%	100.0% #BA4172	RGB 186 65 114	#BA4172

#5E204F #6D2557 #7C2A5F #8C3065 #9B356A #AA3B6E #BA4172

#5E204F - #8C3065 - #BA4172

CSS codes

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

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