#5B5E5E - #B77F88 | 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 #5B5E5E to #B77F88

#5B5E5E #B77F88

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

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

0.0%	0.0% #5B5E5E	RGB 91 94 94	#5B5E5E
16.7%	16.7% #6A6365	RGB 106 99 101	#6A6365
33.3%	33.3% #79696C	RGB 121 105 108	#79696C
50.0%	50.0% #896E73	RGB 137 110 115	#896E73
66.7%	66.7% #98747A	RGB 152 116 122	#98747A
83.3%	83.3% #A77981	RGB 167 121 129	#A77981
100.0%	100.0% #B77F88	RGB 183 127 136	#B77F88

#5B5E5E #6A6365 #79696C #896E73 #98747A #A77981 #B77F88

#5B5E5E - #B77F88

HSV Blend

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

0.0%	0.0% #5B5E5E	RGB 91 94 94	#5B5E5E
16.7%	16.7% #64686C	RGB 100 104 108	#64686C
33.3%	33.3% #6C6D7B	RGB 108 109 123	#6C6D7B
50.0%	50.0% #7C738A	RGB 124 115 138	#7C738A
66.7%	66.7% #957899	RGB 149 120 153	#957899
83.3%	83.3% #A87C98	RGB 168 124 152	#A87C98
100.0%	100.0% #B77F88	RGB 183 127 136	#B77F88

#5B5E5E #64686C #6C6D7B #7C738A #957899 #A87C98 #B77F88

#5B5E5E - #7C738A - #B77F88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5E 0%, #7C738A 50%, #B77F88 100%);
    background: -webkit-linear-gradient(top, #5B5E5E 0%, #7C738A 50%, #B77F88 100%);
    background: linear-gradient(to bottom, #5B5E5E 0%, #7C738A 50%, #B77F88 100%);
}
</style>