#4C563F - #B5B769 | 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 #4C563F to #B5B769

#4C563F #B5B769

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

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

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #5D6646	RGB 93 102 70	#5D6646
33.3%	33.3% #6F764D	RGB 111 118 77	#6F764D
50.0%	50.0% #808654	RGB 128 134 84	#808654
66.7%	66.7% #92965B	RGB 146 150 91	#92965B
83.3%	83.3% #A3A662	RGB 163 166 98	#A3A662
100.0%	100.0% #B5B769	RGB 181 183 105	#B5B769

#4C563F #5D6646 #6F764D #808654 #92965B #A3A662 #B5B769

#4C563F - #B5B769

HSV Blend

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

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #5B6648	RGB 91 102 72	#5B6648
33.3%	33.3% #6B7650	RGB 107 118 80	#6B7650
50.0%	50.0% #7B8657	RGB 123 134 87	#7B8657
66.7%	66.7% #8D965E	RGB 141 150 94	#8D965E
83.3%	83.3% #A0A664	RGB 160 166 100	#A0A664
100.0%	100.0% #B5B769	RGB 181 183 105	#B5B769

#4C563F #5B6648 #6B7650 #7B8657 #8D965E #A0A664 #B5B769

#4C563F - #7B8657 - #B5B769

CSS codes

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

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