#4B5E79 - #AAA49F | 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 #4B5E79 to #AAA49F

#4B5E79 #AAA49F

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

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

0.0%	0.0% #4B5E79	RGB 75 94 121	#4B5E79
16.7%	16.7% #5A697F	RGB 90 105 127	#5A697F
33.3%	33.3% #6A7585	RGB 106 117 133	#6A7585
50.0%	50.0% #7A818C	RGB 122 129 140	#7A818C
66.7%	66.7% #8A8C92	RGB 138 140 146	#8A8C92
83.3%	83.3% #9A9898	RGB 154 152 152	#9A9898
100.0%	100.0% #AAA49F	RGB 170 164 159	#AAA49F

#4B5E79 #5A697F #6A7585 #7A818C #8A8C92 #9A9898 #AAA49F

#4B5E79 - #AAA49F

HSV Blend

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

0.0%	0.0% #4B5D79	RGB 75 93 121	#4B5D79
16.7%	16.7% #595681	RGB 89 86 129	#595681
33.3%	33.3% #786389	RGB 120 99 137	#786389
50.0%	50.0% #917190	RGB 145 113 144	#917190
66.7%	66.7% #997F8C	RGB 153 127 140	#997F8C
83.3%	83.3% #A18E8F	RGB 161 142 143	#A18E8F
100.0%	100.0% #AAA49F	RGB 170 164 159	#AAA49F

#4B5D79 #595681 #786389 #917190 #997F8C #A18E8F #AAA49F

#4B5E79 - #917190 - #AAA49F

CSS codes

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

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