#5E2D5D - #BE529D | 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 #5E2D5D to #BE529D

#5E2D5D #BE529D

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

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

0.0%	0.0% #5E2D5D	RGB 94 45 93	#5E2D5D
16.7%	16.7% #6E3367	RGB 110 51 103	#6E3367
33.3%	33.3% #7E3972	RGB 126 57 114	#7E3972
50.0%	50.0% #8E3F7D	RGB 142 63 125	#8E3F7D
66.7%	66.7% #9E4587	RGB 158 69 135	#9E4587
83.3%	83.3% #AE4B92	RGB 174 75 146	#AE4B92
100.0%	100.0% #BE529D	RGB 190 82 157	#BE529D

#5E2D5D #6E3367 #7E3972 #8E3F7D #9E4587 #AE4B92 #BE529D

#5E2D5D - #BE529D

HSV Blend

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

0.0%	0.0% #5E2D5C	RGB 94 45 92	#5E2D5C
16.7%	16.7% #6E336A	RGB 110 51 106	#6E336A
33.3%	33.3% #7E3A76	RGB 126 58 118	#7E3A76
50.0%	50.0% #8E4081	RGB 142 64 129	#8E4081
66.7%	66.7% #9E468B	RGB 158 70 139	#9E468B
83.3%	83.3% #AE4C94	RGB 174 76 148	#AE4C94
100.0%	100.0% #BE529D	RGB 190 82 157	#BE529D

#5E2D5C #6E336A #7E3A76 #8E4081 #9E468B #AE4C94 #BE529D

#5E2D5D - #8E4081 - #BE529D

CSS codes

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

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