#3F5E2D - #C9D1C3 | 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 #3F5E2D to #C9D1C3

#3F5E2D #C9D1C3

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

#3F5E2D - #C9D1C3 | 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 #3F5E2D as 0% and #C9D1C3 as 100%.

0.0%	0.0% #3F5E2D	RGB 63 94 45	#3F5E2D
16.7%	16.7% #567146	RGB 86 113 70	#567146
33.3%	33.3% #6D845F	RGB 109 132 95	#6D845F
50.0%	50.0% #849778	RGB 132 151 120	#849778
66.7%	66.7% #9BAA91	RGB 155 170 145	#9BAA91
83.3%	83.3% #B2BDAA	RGB 178 189 170	#B2BDAA
100.0%	100.0% #C9D1C3	RGB 201 209 195	#C9D1C3

#3F5E2D #567146 #6D845F #849778 #9BAA91 #B2BDAA #C9D1C3

#3F5E2D - #C9D1C3

HSV Blend

#3F5E2D - #C9D1C3 | 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 #3F5E2D as 0% and #C9D1C3 as 100%.

0.0%	0.0% #3F5E2D	RGB 63 94 45	#3F5E2D
16.7%	16.7% #51713E	RGB 81 113 62	#51713E
33.3%	33.3% #668453	RGB 102 132 83	#668453
50.0%	50.0% #7C976A	RGB 124 151 106	#7C976A
66.7%	66.7% #94AA85	RGB 148 170 133	#94AA85
83.3%	83.3% #AEBDA2	RGB 174 189 162	#AEBDA2
100.0%	100.0% #C9D1C3	RGB 201 209 195	#C9D1C3

#3F5E2D #51713E #668453 #7C976A #94AA85 #AEBDA2 #C9D1C3

#3F5E2D - #7C976A - #C9D1C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5E2D 0%, #7C976A 50%, #C9D1C3 100%);
    background: -webkit-linear-gradient(top, #3F5E2D 0%, #7C976A 50%, #C9D1C3 100%);
    background: linear-gradient(to bottom, #3F5E2D 0%, #7C976A 50%, #C9D1C3 100%);
}
</style>