#5D5E58 - #BB827C | 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 #5D5E58 to #BB827C

#5D5E58 #BB827C

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

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

0.0%	0.0% #5D5E58	RGB 93 94 88	#5D5E58
16.7%	16.7% #6C645E	RGB 108 100 94	#6C645E
33.3%	33.3% #7C6A64	RGB 124 106 100	#7C6A64
50.0%	50.0% #8C706A	RGB 140 112 106	#8C706A
66.7%	66.7% #9B7670	RGB 155 118 112	#9B7670
83.3%	83.3% #AB7C76	RGB 171 124 118	#AB7C76
100.0%	100.0% #BB827C	RGB 187 130 124	#BB827C

#5D5E58 #6C645E #7C6A64 #8C706A #9B7670 #AB7C76 #BB827C

#5D5E58 - #BB827C

HSV Blend

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

0.0%	0.0% #5D5E58	RGB 93 94 88	#5D5E58
16.7%	16.7% #6D6D61	RGB 109 109 97	#6D6D61
33.3%	33.3% #7D7969	RGB 125 121 105	#7D7969
50.0%	50.0% #8C8270	RGB 140 130 112	#8C8270
66.7%	66.7% #9C8675	RGB 156 134 117	#9C8675
83.3%	83.3% #AB8779	RGB 171 135 121	#AB8779
100.0%	100.0% #BB827C	RGB 187 130 124	#BB827C

#5D5E58 #6D6D61 #7D7969 #8C8270 #9C8675 #AB8779 #BB827C

#5D5E58 - #8C8270 - #BB827C

CSS codes

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

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