#5E2D58 - #BE5295 | 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 #5E2D58 to #BE5295

#5E2D58 #BE5295

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

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

0.0%	0.0% #5E2D58	RGB 94 45 88	#5E2D58
16.7%	16.7% #6E3362	RGB 110 51 98	#6E3362
33.3%	33.3% #7E396C	RGB 126 57 108	#7E396C
50.0%	50.0% #8E3F76	RGB 142 63 118	#8E3F76
66.7%	66.7% #9E4580	RGB 158 69 128	#9E4580
83.3%	83.3% #AE4B8A	RGB 174 75 138	#AE4B8A
100.0%	100.0% #BE5295	RGB 190 82 149	#BE5295

#5E2D58 #6E3362 #7E396C #8E3F76 #9E4580 #AE4B8A #BE5295

#5E2D58 - #BE5295

HSV Blend

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

0.0%	0.0% #5E2D58	RGB 94 45 88	#5E2D58
16.7%	16.7% #6E3364	RGB 110 51 100	#6E3364
33.3%	33.3% #7E3A6F	RGB 126 58 111	#7E3A6F
50.0%	50.0% #8E407A	RGB 142 64 122	#8E407A
66.7%	66.7% #9E4684	RGB 158 70 132	#9E4684
83.3%	83.3% #AE4C8D	RGB 174 76 141	#AE4C8D
100.0%	100.0% #BE5295	RGB 190 82 149	#BE5295

#5E2D58 #6E3364 #7E3A6F #8E407A #9E4684 #AE4C8D #BE5295

#5E2D58 - #8E407A - #BE5295

CSS codes

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

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