#113320 - #3F784E | 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 #113320 to #3F784E

#113320 #3F784E

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

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

0.0%	0.0% #113320	RGB 17 51 32	#113320
16.7%	16.7% #183E27	RGB 24 62 39	#183E27
33.3%	33.3% #204A2F	RGB 32 74 47	#204A2F
50.0%	50.0% #285537	RGB 40 85 55	#285537
66.7%	66.7% #2F613E	RGB 47 97 62	#2F613E
83.3%	83.3% #376C46	RGB 55 108 70	#376C46
100.0%	100.0% #3F784E	RGB 63 120 78	#3F784E

#113320 #183E27 #204A2F #285537 #2F613E #376C46 #3F784E

#113320 - #3F784E

HSV Blend

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

0.0%	0.0% #113320	RGB 17 51 32	#113320
16.7%	16.7% #163E27	RGB 22 62 39	#163E27
33.3%	33.3% #1D4A2E	RGB 29 74 46	#1D4A2E
50.0%	50.0% #245535	RGB 36 85 53	#245535
66.7%	66.7% #2C613D	RGB 44 97 61	#2C613D
83.3%	83.3% #356C45	RGB 53 108 69	#356C45
100.0%	100.0% #3F784E	RGB 63 120 78	#3F784E

#113320 #163E27 #1D4A2E #245535 #2C613D #356C45 #3F784E

#113320 - #245535 - #3F784E

CSS codes

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

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