#4D5E75 - #ACA39B | 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 #4D5E75 to #ACA39B

#4D5E75 #ACA39B

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

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

0.0%	0.0% #4D5E75	RGB 77 94 117	#4D5E75
16.7%	16.7% #5C697B	RGB 92 105 123	#5C697B
33.3%	33.3% #6C7581	RGB 108 117 129	#6C7581
50.0%	50.0% #7C8088	RGB 124 128 136	#7C8088
66.7%	66.7% #8C8C8E	RGB 140 140 142	#8C8C8E
83.3%	83.3% #9C9794	RGB 156 151 148	#9C9794
100.0%	100.0% #ACA39B	RGB 172 163 155	#ACA39B

#4D5E75 #5C697B #6C7581 #7C8088 #8C8C8E #9C9794 #ACA39B

#4D5E75 - #ACA39B

HSV Blend

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

0.0%	0.0% #4D5E75	RGB 77 94 117	#4D5E75
16.7%	16.7% #5A587E	RGB 90 88 126	#5A587E
33.3%	33.3% #776487	RGB 119 100 135	#776487
50.0%	50.0% #90708F	RGB 144 112 143	#90708F
66.7%	66.7% #997E8B	RGB 153 126 139	#997E8B
83.3%	83.3% #A28C8C	RGB 162 140 140	#A28C8C
100.0%	100.0% #ACA39B	RGB 172 163 155	#ACA39B

#4D5E75 #5A587E #776487 #90708F #997E8B #A28C8C #ACA39B

#4D5E75 - #90708F - #ACA39B

CSS codes

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

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