#3A5E3C - #94A864 | 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 #3A5E3C to #94A864

#3A5E3C #94A864

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

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

0.0%	0.0% #3A5E3C	RGB 58 94 60	#3A5E3C
16.7%	16.7% #496A42	RGB 73 106 66	#496A42
33.3%	33.3% #587649	RGB 88 118 73	#587649
50.0%	50.0% #678350	RGB 103 131 80	#678350
66.7%	66.7% #768F56	RGB 118 143 86	#768F56
83.3%	83.3% #859B5D	RGB 133 155 93	#859B5D
100.0%	100.0% #94A864	RGB 148 168 100	#94A864

#3A5E3C #496A42 #587649 #678350 #768F56 #859B5D #94A864

#3A5E3C - #94A864

HSV Blend

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

0.0%	0.0% #3A5E3C	RGB 58 94 60	#3A5E3C
16.7%	16.7% #446A41	RGB 68 106 65	#446A41
33.3%	33.3% #517648	RGB 81 118 72	#517648
50.0%	50.0% #60834F	RGB 96 131 79	#60834F
66.7%	66.7% #708F56	RGB 112 143 86	#708F56
83.3%	83.3% #819B5D	RGB 129 155 93	#819B5D
100.0%	100.0% #94A864	RGB 148 168 100	#94A864

#3A5E3C #446A41 #517648 #60834F #708F56 #819B5D #94A864

#3A5E3C - #60834F - #94A864

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5E3C 0%, #60834F 50%, #94A864 100%);
    background: -webkit-linear-gradient(top, #3A5E3C 0%, #60834F 50%, #94A864 100%);
    background: linear-gradient(to bottom, #3A5E3C 0%, #60834F 50%, #94A864 100%);
}
</style>