#5E615F - #B77DB5 | 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 #5E615F to #B77DB5

#5E615F #B77DB5

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

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

0.0%	0.0% #5E615F	RGB 94 97 95	#5E615F
16.7%	16.7% #6C656D	RGB 108 101 109	#6C656D
33.3%	33.3% #7B6A7B	RGB 123 106 123	#7B6A7B
50.0%	50.0% #8A6F8A	RGB 138 111 138	#8A6F8A
66.7%	66.7% #997398	RGB 153 115 152	#997398
83.3%	83.3% #A878A6	RGB 168 120 166	#A878A6
100.0%	100.0% #B77DB5	RGB 183 125 181	#B77DB5

#5E615F #6C656D #7B6A7B #8A6F8A #997398 #A878A6 #B77DB5

#5E615F - #B77DB5

HSV Blend

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

0.0%	0.0% #5E615F	RGB 94 97 95	#5E615F
16.7%	16.7% #666F6D	RGB 102 111 109	#666F6D
33.3%	33.3% #6D797D	RGB 109 121 125	#6D797D
50.0%	50.0% #737B8C	RGB 115 123 140	#737B8C
66.7%	66.7% #7C789A	RGB 124 120 154	#7C789A
83.3%	83.3% #957BA8	RGB 149 123 168	#957BA8
100.0%	100.0% #B77DB5	RGB 183 125 181	#B77DB5

#5E615F #666F6D #6D797D #737B8C #7C789A #957BA8 #B77DB5

#5E615F - #737B8C - #B77DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E615F 0%, #737B8C 50%, #B77DB5 100%);
    background: -webkit-linear-gradient(top, #5E615F 0%, #737B8C 50%, #B77DB5 100%);
    background: linear-gradient(to bottom, #5E615F 0%, #737B8C 50%, #B77DB5 100%);
}
</style>