#4C5E4F - #ACB46E | 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 #4C5E4F to #ACB46E

#4C5E4F #ACB46E

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

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

0.0%	0.0% #4C5E4F	RGB 76 94 79	#4C5E4F
16.7%	16.7% #5C6C54	RGB 92 108 84	#5C6C54
33.3%	33.3% #6C7A59	RGB 108 122 89	#6C7A59
50.0%	50.0% #7C895E	RGB 124 137 94	#7C895E
66.7%	66.7% #8C9763	RGB 140 151 99	#8C9763
83.3%	83.3% #9CA568	RGB 156 165 104	#9CA568
100.0%	100.0% #ACB46E	RGB 172 180 110	#ACB46E

#4C5E4F #5C6C54 #6C7A59 #7C895E #8C9763 #9CA568 #ACB46E

#4C5E4F - #ACB46E

HSV Blend

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

0.0%	0.0% #4C5E4F	RGB 76 94 79	#4C5E4F
16.7%	16.7% #546C54	RGB 84 108 84	#546C54
33.3%	33.3% #607A5B	RGB 96 122 91	#607A5B
50.0%	50.0% #6F8961	RGB 111 137 97	#6F8961
66.7%	66.7% #809766	RGB 128 151 102	#809766
83.3%	83.3% #94A56A	RGB 148 165 106	#94A56A
100.0%	100.0% #ACB46E	RGB 172 180 110	#ACB46E

#4C5E4F #546C54 #607A5B #6F8961 #809766 #94A56A #ACB46E

#4C5E4F - #6F8961 - #ACB46E

CSS codes

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

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