#80AD5E - #395A20 | 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 #80AD5E to #395A20

#80AD5E #395A20

Calculate the color between two colors, #80AD5E and #395A20. 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)

#80AD5E - #395A20 | 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 #80AD5E as 0% and #395A20 as 100%.

0.0%	0.0% #80AD5E	RGB 128 173 94	#80AD5E
16.7%	16.7% #749F53	RGB 116 159 83	#749F53
33.3%	33.3% #689149	RGB 104 145 73	#689149
50.0%	50.0% #5C833F	RGB 92 131 63	#5C833F
66.7%	66.7% #507534	RGB 80 117 52	#507534
83.3%	83.3% #44672A	RGB 68 103 42	#44672A
100.0%	100.0% #395A20	RGB 57 90 32	#395A20

#80AD5E #749F53 #689149 #5C833F #507534 #44672A #395A20

#80AD5E - #395A20

HSV Blend

#80AD5E - #395A20 | 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 #80AD5E as 0% and #395A20 as 100%.

0.0%	0.0% #80AD5E	RGB 128 173 94	#80AD5E
16.7%	16.7% #729F51	RGB 114 159 81	#729F51
33.3%	33.3% #669145	RGB 102 145 69	#669145
50.0%	50.0% #5A833B	RGB 90 131 59	#5A833B
66.7%	66.7% #4E7531	RGB 78 117 49	#4E7531
83.3%	83.3% #436728	RGB 67 103 40	#436728
100.0%	100.0% #395A20	RGB 57 90 32	#395A20

#80AD5E #729F51 #669145 #5A833B #4E7531 #436728 #395A20

#80AD5E - #5A833B - #395A20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80AD5E 0%, #5A833B 50%, #395A20 100%);
    background: -webkit-linear-gradient(top, #80AD5E 0%, #5A833B 50%, #395A20 100%);
    background: linear-gradient(to bottom, #80AD5E 0%, #5A833B 50%, #395A20 100%);
}
</style>