#78AD5E - #49831B | 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 #78AD5E to #49831B

#78AD5E #49831B

Calculate the color between two colors, #78AD5E and #49831B. 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)

#78AD5E - #49831B | 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 #78AD5E as 0% and #49831B as 100%.

0.0%	0.0% #78AD5E	RGB 120 173 94	#78AD5E
16.7%	16.7% #70A652	RGB 112 166 82	#70A652
33.3%	33.3% #689F47	RGB 104 159 71	#689F47
50.0%	50.0% #60983C	RGB 96 152 60	#60983C
66.7%	66.7% #589131	RGB 88 145 49	#589131
83.3%	83.3% #508A26	RGB 80 138 38	#508A26
100.0%	100.0% #49831B	RGB 73 131 27	#49831B

#78AD5E #70A652 #689F47 #60983C #589131 #508A26 #49831B

#78AD5E - #49831B

HSV Blend

#78AD5E - #49831B | 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 #78AD5E as 0% and #49831B as 100%.

0.0%	0.0% #78AD5E	RGB 120 173 94	#78AD5E
16.7%	16.7% #6EA650	RGB 110 166 80	#6EA650
33.3%	33.3% #659F44	RGB 101 159 68	#659F44
50.0%	50.0% #5D9838	RGB 93 152 56	#5D9838
66.7%	66.7% #56912E	RGB 86 145 46	#56912E
83.3%	83.3% #4F8A24	RGB 79 138 36	#4F8A24
100.0%	100.0% #49831B	RGB 73 131 27	#49831B

#78AD5E #6EA650 #659F44 #5D9838 #56912E #4F8A24 #49831B

#78AD5E - #5D9838 - #49831B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78AD5E 0%, #5D9838 50%, #49831B 100%);
    background: -webkit-linear-gradient(top, #78AD5E 0%, #5D9838 50%, #49831B 100%);
    background: linear-gradient(to bottom, #78AD5E 0%, #5D9838 50%, #49831B 100%);
}
</style>