#4E5E77 - #ACA39C | 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 #4E5E77 to #ACA39C

#4E5E77 #ACA39C

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

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

0.0%	0.0% #4E5E77	RGB 78 94 119	#4E5E77
16.7%	16.7% #5D697D	RGB 93 105 125	#5D697D
33.3%	33.3% #6D7583	RGB 109 117 131	#6D7583
50.0%	50.0% #7D8089	RGB 125 128 137	#7D8089
66.7%	66.7% #8C8C8F	RGB 140 140 143	#8C8C8F
83.3%	83.3% #9C9795	RGB 156 151 149	#9C9795
100.0%	100.0% #ACA39C	RGB 172 163 156	#ACA39C

#4E5E77 #5D697D #6D7583 #7D8089 #8C8C8F #9C9795 #ACA39C

#4E5E77 - #ACA39C

HSV Blend

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

0.0%	0.0% #4E5E77	RGB 78 94 119	#4E5E77
16.7%	16.7% #5C597F	RGB 92 89 127	#5C597F
33.3%	33.3% #786588	RGB 120 101 136	#786588
50.0%	50.0% #917190	RGB 145 113 144	#917190
66.7%	66.7% #9A7F8C	RGB 154 127 140	#9A7F8C
83.3%	83.3% #A38D8D	RGB 163 141 141	#A38D8D
100.0%	100.0% #ACA39C	RGB 172 163 156	#ACA39C

#4E5E77 #5C597F #786588 #917190 #9A7F8C #A38D8D #ACA39C

#4E5E77 - #917190 - #ACA39C

CSS codes

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

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