#3D5E3E - #96A866 | 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 #3D5E3E to #96A866

#3D5E3E #96A866

Calculate the color between two colors, #3D5E3E and #96A866. 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)

#3D5E3E - #96A866 | 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 #3D5E3E as 0% and #96A866 as 100%.

0.0%	0.0% #3D5E3E	RGB 61 94 62	#3D5E3E
16.7%	16.7% #4B6A44	RGB 75 106 68	#4B6A44
33.3%	33.3% #5A764B	RGB 90 118 75	#5A764B
50.0%	50.0% #698352	RGB 105 131 82	#698352
66.7%	66.7% #788F58	RGB 120 143 88	#788F58
83.3%	83.3% #879B5F	RGB 135 155 95	#879B5F
100.0%	100.0% #96A866	RGB 150 168 102	#96A866

#3D5E3E #4B6A44 #5A764B #698352 #788F58 #879B5F #96A866

#3D5E3E - #96A866

HSV Blend

#3D5E3E - #96A866 | 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 #3D5E3E as 0% and #96A866 as 100%.

0.0%	0.0% #3D5E3E	RGB 61 94 62	#3D5E3E
16.7%	16.7% #476A44	RGB 71 106 68	#476A44
33.3%	33.3% #54764B	RGB 84 118 75	#54764B
50.0%	50.0% #638352	RGB 99 131 82	#638352
66.7%	66.7% #728F59	RGB 114 143 89	#728F59
83.3%	83.3% #839B5F	RGB 131 155 95	#839B5F
100.0%	100.0% #96A866	RGB 150 168 102	#96A866

#3D5E3E #476A44 #54764B #638352 #728F59 #839B5F #96A866

#3D5E3E - #638352 - #96A866

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E3E 0%, #638352 50%, #96A866 100%);
    background: -webkit-linear-gradient(top, #3D5E3E 0%, #638352 50%, #96A866 100%);
    background: linear-gradient(to bottom, #3D5E3E 0%, #638352 50%, #96A866 100%);
}
</style>