#3E611B - #C7D1BD | 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 #3E611B to #C7D1BD

#3E611B #C7D1BD

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

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

0.0%	0.0% #3E611B	RGB 62 97 27	#3E611B
16.7%	16.7% #547336	RGB 84 115 54	#547336
33.3%	33.3% #6B8651	RGB 107 134 81	#6B8651
50.0%	50.0% #82996C	RGB 130 153 108	#82996C
66.7%	66.7% #99AB87	RGB 153 171 135	#99AB87
83.3%	83.3% #B0BEA2	RGB 176 190 162	#B0BEA2
100.0%	100.0% #C7D1BD	RGB 199 209 189	#C7D1BD

#3E611B #547336 #6B8651 #82996C #99AB87 #B0BEA2 #C7D1BD

#3E611B - #C7D1BD

HSV Blend

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

0.0%	0.0% #3E611B	RGB 62 97 27	#3E611B
16.7%	16.7% #4F732C	RGB 79 115 44	#4F732C
33.3%	33.3% #638641	RGB 99 134 65	#638641
50.0%	50.0% #79995A	RGB 121 153 90	#79995A
66.7%	66.7% #91AB77	RGB 145 171 119	#91AB77
83.3%	83.3% #ABBE98	RGB 171 190 152	#ABBE98
100.0%	100.0% #C7D1BD	RGB 199 209 189	#C7D1BD

#3E611B #4F732C #638641 #79995A #91AB77 #ABBE98 #C7D1BD

#3E611B - #79995A - #C7D1BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E611B 0%, #79995A 50%, #C7D1BD 100%);
    background: -webkit-linear-gradient(top, #3E611B 0%, #79995A 50%, #C7D1BD 100%);
    background: linear-gradient(to bottom, #3E611B 0%, #79995A 50%, #C7D1BD 100%);
}
</style>