#3B5E3C - #95A865 | 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 #3B5E3C to #95A865

#3B5E3C #95A865

Calculate the color between two colors, #3B5E3C and #95A865. 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)

#3B5E3C - #95A865 | 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 #3B5E3C as 0% and #95A865 as 100%.

0.0%	0.0% #3B5E3C	RGB 59 94 60	#3B5E3C
16.7%	16.7% #4A6A42	RGB 74 106 66	#4A6A42
33.3%	33.3% #597649	RGB 89 118 73	#597649
50.0%	50.0% #688350	RGB 104 131 80	#688350
66.7%	66.7% #778F57	RGB 119 143 87	#778F57
83.3%	83.3% #869B5E	RGB 134 155 94	#869B5E
100.0%	100.0% #95A865	RGB 149 168 101	#95A865

#3B5E3C #4A6A42 #597649 #688350 #778F57 #869B5E #95A865

#3B5E3C - #95A865

HSV Blend

#3B5E3C - #95A865 | 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 #3B5E3C as 0% and #95A865 as 100%.

0.0%	0.0% #3B5E3C	RGB 59 94 60	#3B5E3C
16.7%	16.7% #466A42	RGB 70 106 66	#466A42
33.3%	33.3% #537649	RGB 83 118 73	#537649
50.0%	50.0% #618350	RGB 97 131 80	#618350
66.7%	66.7% #718F57	RGB 113 143 87	#718F57
83.3%	83.3% #829B5E	RGB 130 155 94	#829B5E
100.0%	100.0% #95A865	RGB 149 168 101	#95A865

#3B5E3C #466A42 #537649 #618350 #718F57 #829B5E #95A865

#3B5E3C - #618350 - #95A865

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E3C 0%, #618350 50%, #95A865 100%);
    background: -webkit-linear-gradient(top, #3B5E3C 0%, #618350 50%, #95A865 100%);
    background: linear-gradient(to bottom, #3B5E3C 0%, #618350 50%, #95A865 100%);
}
</style>