#4C5C5E - #B3A28B | 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 #4C5C5E to #B3A28B

#4C5C5E #B3A28B

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

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

0.0%	0.0% #4C5C5E	RGB 76 92 94	#4C5C5E
16.7%	16.7% #5D6765	RGB 93 103 101	#5D6765
33.3%	33.3% #6E736D	RGB 110 115 109	#6E736D
50.0%	50.0% #7F7F74	RGB 127 127 116	#7F7F74
66.7%	66.7% #908A7C	RGB 144 138 124	#908A7C
83.3%	83.3% #A19683	RGB 161 150 131	#A19683
100.0%	100.0% #B3A28B	RGB 179 162 139	#B3A28B

#4C5C5E #5D6765 #6E736D #7F7F74 #908A7C #A19683 #B3A28B

#4C5C5E - #B3A28B

HSV Blend

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

0.0%	0.0% #4C5C5E	RGB 76 92 94	#4C5C5E
16.7%	16.7% #566C65	RGB 86 108 101	#566C65
33.3%	33.3% #617A68	RGB 97 122 104	#617A68
50.0%	50.0% #70886C	RGB 112 136 108	#70886C
66.7%	66.7% #899676	RGB 137 150 118	#899676
83.3%	83.3% #A4A480	RGB 164 164 128	#A4A480
100.0%	100.0% #B3A28B	RGB 179 162 139	#B3A28B

#4C5C5E #566C65 #617A68 #70886C #899676 #A4A480 #B3A28B

#4C5C5E - #70886C - #B3A28B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5C5E 0%, #70886C 50%, #B3A28B 100%);
    background: -webkit-linear-gradient(top, #4C5C5E 0%, #70886C 50%, #B3A28B 100%);
    background: linear-gradient(to bottom, #4C5C5E 0%, #70886C 50%, #B3A28B 100%);
}
</style>