#3C5E44 - #94A76B | 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 #3C5E44 to #94A76B

#3C5E44 #94A76B

Calculate the color between two colors, #3C5E44 and #94A76B. 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)

#3C5E44 - #94A76B | 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 #3C5E44 as 0% and #94A76B as 100%.

0.0%	0.0% #3C5E44	RGB 60 94 68	#3C5E44
16.7%	16.7% #4A6A4A	RGB 74 106 74	#4A6A4A
33.3%	33.3% #597651	RGB 89 118 81	#597651
50.0%	50.0% #688257	RGB 104 130 87	#688257
66.7%	66.7% #768E5E	RGB 118 142 94	#768E5E
83.3%	83.3% #859A64	RGB 133 154 100	#859A64
100.0%	100.0% #94A76B	RGB 148 167 107	#94A76B

#3C5E44 #4A6A4A #597651 #688257 #768E5E #859A64 #94A76B

#3C5E44 - #94A76B

HSV Blend

#3C5E44 - #94A76B | 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 #3C5E44 as 0% and #94A76B as 100%.

0.0%	0.0% #3C5E44	RGB 60 94 68	#3C5E44
16.7%	16.7% #436A46	RGB 67 106 70	#436A46
33.3%	33.3% #4E764B	RGB 78 118 75	#4E764B
50.0%	50.0% #5D8253	RGB 93 130 83	#5D8253
66.7%	66.7% #6E8E5B	RGB 110 142 91	#6E8E5B
83.3%	83.3% #809A63	RGB 128 154 99	#809A63
100.0%	100.0% #94A76B	RGB 148 167 107	#94A76B

#3C5E44 #436A46 #4E764B #5D8253 #6E8E5B #809A63 #94A76B

#3C5E44 - #5D8253 - #94A76B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E44 0%, #5D8253 50%, #94A76B 100%);
    background: -webkit-linear-gradient(top, #3C5E44 0%, #5D8253 50%, #94A76B 100%);
    background: linear-gradient(to bottom, #3C5E44 0%, #5D8253 50%, #94A76B 100%);
}
</style>