#3C5532 - #11180E | 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 #3C5532 to #11180E

#3C5532 #11180E

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

#3C5532 - #11180E | 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 #3C5532 as 0% and #11180E as 100%.

0.0%	0.0% #3C5532	RGB 60 85 50	#3C5532
16.7%	16.7% #344A2C	RGB 52 74 44	#344A2C
33.3%	33.3% #2D4026	RGB 45 64 38	#2D4026
50.0%	50.0% #263620	RGB 38 54 32	#263620
66.7%	66.7% #1F2C1A	RGB 31 44 26	#1F2C1A
83.3%	83.3% #182214	RGB 24 34 20	#182214
100.0%	100.0% #11180E	RGB 17 24 14	#11180E

#3C5532 #344A2C #2D4026 #263620 #1F2C1A #182214 #11180E

#3C5532 - #11180E

HSV Blend

#3C5532 - #11180E | 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 #3C5532 as 0% and #11180E as 100%.

0.0%	0.0% #3C5532	RGB 60 85 50	#3C5532
16.7%	16.7% #344A2B	RGB 52 74 43	#344A2B
33.3%	33.3% #2D4025	RGB 45 64 37	#2D4025
50.0%	50.0% #26361F	RGB 38 54 31	#26361F
66.7%	66.7% #1F2C19	RGB 31 44 25	#1F2C19
83.3%	83.3% #182213	RGB 24 34 19	#182213
100.0%	100.0% #11180E	RGB 17 24 14	#11180E

#3C5532 #344A2B #2D4025 #26361F #1F2C19 #182213 #11180E

#3C5532 - #26361F - #11180E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5532 0%, #26361F 50%, #11180E 100%);
    background: -webkit-linear-gradient(top, #3C5532 0%, #26361F 50%, #11180E 100%);
    background: linear-gradient(to bottom, #3C5532 0%, #26361F 50%, #11180E 100%);
}
</style>