#5E2D59 - #BF519A | 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 #5E2D59 to #BF519A

#5E2D59 #BF519A

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

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

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #6E3363	RGB 110 51 99	#6E3363
33.3%	33.3% #7E396E	RGB 126 57 110	#7E396E
50.0%	50.0% #8E3F79	RGB 142 63 121	#8E3F79
66.7%	66.7% #9E4584	RGB 158 69 132	#9E4584
83.3%	83.3% #AE4B8F	RGB 174 75 143	#AE4B8F
100.0%	100.0% #BF519A	RGB 191 81 154	#BF519A

#5E2D59 #6E3363 #7E396E #8E3F79 #9E4584 #AE4B8F #BF519A

#5E2D59 - #BF519A

HSV Blend

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

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #6E3365	RGB 110 51 101	#6E3365
33.3%	33.3% #7E3A72	RGB 126 58 114	#7E3A72
50.0%	50.0% #8E407D	RGB 142 64 125	#8E407D
66.7%	66.7% #9E4687	RGB 158 70 135	#9E4687
83.3%	83.3% #AE4B91	RGB 174 75 145	#AE4B91
100.0%	100.0% #BF519A	RGB 191 81 154	#BF519A

#5E2D59 #6E3365 #7E3A72 #8E407D #9E4687 #AE4B91 #BF519A

#5E2D59 - #8E407D - #BF519A

CSS codes

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

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