#4D4D5D - #A18C7E | 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 #4D4D5D to #A18C7E

#4D4D5D #A18C7E

Calculate the color between two colors, #4D4D5D and #A18C7E. 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)

#4D4D5D - #A18C7E | 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 #4D4D5D as 0% and #A18C7E as 100%.

0.0%	0.0% #4D4D5D	RGB 77 77 93	#4D4D5D
16.7%	16.7% #5B5762	RGB 91 87 98	#5B5762
33.3%	33.3% #696268	RGB 105 98 104	#696268
50.0%	50.0% #776C6D	RGB 119 108 109	#776C6D
66.7%	66.7% #857773	RGB 133 119 115	#857773
83.3%	83.3% #938178	RGB 147 129 120	#938178
100.0%	100.0% #A18C7E	RGB 161 140 126	#A18C7E

#4D4D5D #5B5762 #696268 #776C6D #857773 #938178 #A18C7E

#4D4D5D - #A18C7E

HSV Blend

#4D4D5D - #A18C7E | 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 #4D4D5D as 0% and #A18C7E as 100%.

0.0%	0.0% #4D4D5D	RGB 77 77 93	#4D4D5D
16.7%	16.7% #5D5568	RGB 93 85 104	#5D5568
33.3%	33.3% #6F5E73	RGB 111 94 115	#6F5E73
50.0%	50.0% #7F667A	RGB 127 102 122	#7F667A
66.7%	66.7% #8A6E79	RGB 138 110 121	#8A6E79
83.3%	83.3% #957676	RGB 149 118 118	#957676
100.0%	100.0% #A18C7E	RGB 161 140 126	#A18C7E

#4D4D5D #5D5568 #6F5E73 #7F667A #8A6E79 #957676 #A18C7E

#4D4D5D - #7F667A - #A18C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D5D 0%, #7F667A 50%, #A18C7E 100%);
    background: -webkit-linear-gradient(top, #4D4D5D 0%, #7F667A 50%, #A18C7E 100%);
    background: linear-gradient(to bottom, #4D4D5D 0%, #7F667A 50%, #A18C7E 100%);
}
</style>