#3E6D2D - #101F0C | 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 #3E6D2D to #101F0C

#3E6D2D #101F0C

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

#3E6D2D - #101F0C | 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 #3E6D2D as 0% and #101F0C as 100%.

0.0%	0.0% #3E6D2D	RGB 62 109 45	#3E6D2D
16.7%	16.7% #366027	RGB 54 96 39	#366027
33.3%	33.3% #2E5322	RGB 46 83 34	#2E5322
50.0%	50.0% #27461C	RGB 39 70 28	#27461C
66.7%	66.7% #1F3917	RGB 31 57 23	#1F3917
83.3%	83.3% #172C11	RGB 23 44 17	#172C11
100.0%	100.0% #101F0C	RGB 16 31 12	#101F0C

#3E6D2D #366027 #2E5322 #27461C #1F3917 #172C11 #101F0C

#3E6D2D - #101F0C

HSV Blend

#3E6D2D - #101F0C | 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 #3E6D2D as 0% and #101F0C as 100%.

0.0%	0.0% #3E6D2D	RGB 62 109 45	#3E6D2D
16.7%	16.7% #356027	RGB 53 96 39	#356027
33.3%	33.3% #2D5321	RGB 45 83 33	#2D5321
50.0%	50.0% #25461B	RGB 37 70 27	#25461B
66.7%	66.7% #1E3916	RGB 30 57 22	#1E3916
83.3%	83.3% #172C11	RGB 23 44 17	#172C11
100.0%	100.0% #101F0C	RGB 16 31 12	#101F0C

#3E6D2D #356027 #2D5321 #25461B #1E3916 #172C11 #101F0C

#3E6D2D - #25461B - #101F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6D2D 0%, #25461B 50%, #101F0C 100%);
    background: -webkit-linear-gradient(top, #3E6D2D 0%, #25461B 50%, #101F0C 100%);
    background: linear-gradient(to bottom, #3E6D2D 0%, #25461B 50%, #101F0C 100%);
}
</style>