#4A8D78 - #BBCC99 | 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 #4A8D78 to #BBCC99

#4A8D78 #BBCC99

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

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

0.0%	0.0% #4A8D78	RGB 74 141 120	#4A8D78
16.7%	16.7% #5C977D	RGB 92 151 125	#5C977D
33.3%	33.3% #6FA283	RGB 111 162 131	#6FA283
50.0%	50.0% #82AC88	RGB 130 172 136	#82AC88
66.7%	66.7% #95B78E	RGB 149 183 142	#95B78E
83.3%	83.3% #A8C193	RGB 168 193 147	#A8C193
100.0%	100.0% #BBCC99	RGB 187 204 153	#BBCC99

#4A8D78 #5C977D #6FA283 #82AC88 #95B78E #A8C193 #BBCC99

#4A8D78 - #BBCC99

HSV Blend

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

0.0%	0.0% #4A8D78	RGB 74 141 120	#4A8D78
16.7%	16.7% #559773	RGB 85 151 115	#559773
33.3%	33.3% #61A270	RGB 97 162 112	#61A270
50.0%	50.0% #6DAC6E	RGB 109 172 110	#6DAC6E
66.7%	66.7% #88B77B	RGB 136 183 123	#88B77B
83.3%	83.3% #A2C189	RGB 162 193 137	#A2C189
100.0%	100.0% #BBCC99	RGB 187 204 153	#BBCC99

#4A8D78 #559773 #61A270 #6DAC6E #88B77B #A2C189 #BBCC99

#4A8D78 - #6DAC6E - #BBCC99

CSS codes

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

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