#5B5E62 - #B58B81 | 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 #5B5E62 to #B58B81

#5B5E62 #B58B81

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

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

0.0%	0.0% #5B5E62	RGB 91 94 98	#5B5E62
16.7%	16.7% #6A6567	RGB 106 101 103	#6A6567
33.3%	33.3% #796D6C	RGB 121 109 108	#796D6C
50.0%	50.0% #887471	RGB 136 116 113	#887471
66.7%	66.7% #977C76	RGB 151 124 118	#977C76
83.3%	83.3% #A6837B	RGB 166 131 123	#A6837B
100.0%	100.0% #B58B81	RGB 181 139 129	#B58B81

#5B5E62 #6A6567 #796D6C #887471 #977C76 #A6837B #B58B81

#5B5E62 - #B58B81

HSV Blend

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

0.0%	0.0% #5B5E62	RGB 91 94 98	#5B5E62
16.7%	16.7% #63636F	RGB 99 99 111	#63636F
33.3%	33.3% #736B7D	RGB 115 107 125	#736B7D
50.0%	50.0% #88728B	RGB 136 114 139	#88728B
66.7%	66.7% #99788E	RGB 153 120 142	#99788E
83.3%	83.3% #A77D87	RGB 167 125 135	#A77D87
100.0%	100.0% #B58B81	RGB 181 139 129	#B58B81

#5B5E62 #63636F #736B7D #88728B #99788E #A77D87 #B58B81

#5B5E62 - #88728B - #B58B81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E62 0%, #88728B 50%, #B58B81 100%);
    background: -webkit-linear-gradient(top, #5B5E62 0%, #88728B 50%, #B58B81 100%);
    background: linear-gradient(to bottom, #5B5E62 0%, #88728B 50%, #B58B81 100%);
}
</style>