#4C4C56 - #A08A76 | 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 #4C4C56 to #A08A76

#4C4C56 #A08A76

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

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

0.0%	0.0% #4C4C56	RGB 76 76 86	#4C4C56
16.7%	16.7% #5A565B	RGB 90 86 91	#5A565B
33.3%	33.3% #686060	RGB 104 96 96	#686060
50.0%	50.0% #766B66	RGB 118 107 102	#766B66
66.7%	66.7% #84756B	RGB 132 117 107	#84756B
83.3%	83.3% #927F70	RGB 146 127 112	#927F70
100.0%	100.0% #A08A76	RGB 160 138 118	#A08A76

#4C4C56 #5A565B #686060 #766B66 #84756B #927F70 #A08A76

#4C4C56 - #A08A76

HSV Blend

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

0.0%	0.0% #4C4C56	RGB 76 76 86	#4C4C56
16.7%	16.7% #5A5462	RGB 90 84 98	#5A5462
33.3%	33.3% #6B5C6E	RGB 107 92 110	#6B5C6E
50.0%	50.0% #7B6375	RGB 123 99 117	#7B6375
66.7%	66.7% #876A74	RGB 135 106 116	#876A74
83.3%	83.3% #937270	RGB 147 114 112	#937270
100.0%	100.0% #A08A76	RGB 160 138 118	#A08A76

#4C4C56 #5A5462 #6B5C6E #7B6375 #876A74 #937270 #A08A76

#4C4C56 - #7B6375 - #A08A76

CSS codes

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

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