#5E4D58 - #B876C0 | 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 #5E4D58 to #B876C0

#5E4D58 #B876C0

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

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

0.0%	0.0% #5E4D58	RGB 94 77 88	#5E4D58
16.7%	16.7% #6D5369	RGB 109 83 105	#6D5369
33.3%	33.3% #7C5A7A	RGB 124 90 122	#7C5A7A
50.0%	50.0% #8B618C	RGB 139 97 140	#8B618C
66.7%	66.7% #9A689D	RGB 154 104 157	#9A689D
83.3%	83.3% #A96FAE	RGB 169 111 174	#A96FAE
100.0%	100.0% #B876C0	RGB 184 118 192	#B876C0

#5E4D58 #6D5369 #7C5A7A #8B618C #9A689D #A96FAE #B876C0

#5E4D58 - #B876C0

HSV Blend

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

0.0%	0.0% #5E4D58	RGB 94 77 88	#5E4D58
16.7%	16.7% #6E5667	RGB 110 86 103	#6E5667
33.3%	33.3% #7E5F78	RGB 126 95 120	#7E5F78
50.0%	50.0% #8F668A	RGB 143 102 138	#8F668A
66.7%	66.7% #9F6C9D	RGB 159 108 157	#9F6C9D
83.3%	83.3% #AD71AF	RGB 173 113 175	#AD71AF
100.0%	100.0% #B876C0	RGB 184 118 192	#B876C0

#5E4D58 #6E5667 #7E5F78 #8F668A #9F6C9D #AD71AF #B876C0

#5E4D58 - #8F668A - #B876C0

CSS codes

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

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