#918D8C - #5E3D35 | 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 #918D8C to #5E3D35

#918D8C #5E3D35

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

#918D8C - #5E3D35 | 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 #918D8C as 0% and #5E3D35 as 100%.

0.0%	0.0% #918D8C	RGB 145 141 140	#918D8C
16.7%	16.7% #887F7D	RGB 136 127 125	#887F7D
33.3%	33.3% #80726F	RGB 128 114 111	#80726F
50.0%	50.0% #776560	RGB 119 101 96	#776560
66.7%	66.7% #6F5752	RGB 111 87 82	#6F5752
83.3%	83.3% #664A43	RGB 102 74 67	#664A43
100.0%	100.0% #5E3D35	RGB 94 61 53	#5E3D35

#918D8C #887F7D #80726F #776560 #6F5752 #664A43 #5E3D35

#918D8C - #5E3D35

HSV Blend

#918D8C - #5E3D35 | 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 #918D8C as 0% and #5E3D35 as 100%.

0.0%	0.0% #918D8C	RGB 145 141 140	#918D8C
16.7%	16.7% #887D7A	RGB 136 125 122	#887D7A
33.3%	33.3% #806E6A	RGB 128 110 106	#806E6A
50.0%	50.0% #77605B	RGB 119 96 91	#77605B
66.7%	66.7% #6F544D	RGB 111 84 77	#6F544D
83.3%	83.3% #664840	RGB 102 72 64	#664840
100.0%	100.0% #5E3D35	RGB 94 61 53	#5E3D35

#918D8C #887D7A #806E6A #77605B #6F544D #664840 #5E3D35

#918D8C - #77605B - #5E3D35

CSS codes

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

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