#11271A - #3C5E42 | 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 #11271A to #3C5E42

#11271A #3C5E42

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

#11271A - #3C5E42 | 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 #11271A as 0% and #3C5E42 as 100%.

0.0%	0.0% #11271A	RGB 17 39 26	#11271A
16.7%	16.7% #183020	RGB 24 48 32	#183020
33.3%	33.3% #1F3927	RGB 31 57 39	#1F3927
50.0%	50.0% #26422E	RGB 38 66 46	#26422E
66.7%	66.7% #2D4B34	RGB 45 75 52	#2D4B34
83.3%	83.3% #34543B	RGB 52 84 59	#34543B
100.0%	100.0% #3C5E42	RGB 60 94 66	#3C5E42

#11271A #183020 #1F3927 #26422E #2D4B34 #34543B #3C5E42

#11271A - #3C5E42

HSV Blend

#11271A - #3C5E42 | 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 #11271A as 0% and #3C5E42 as 100%.

0.0%	0.0% #11271A	RGB 17 39 26	#11271A
16.7%	16.7% #163020	RGB 22 48 32	#163020
33.3%	33.3% #1C3926	RGB 28 57 38	#1C3926
50.0%	50.0% #23422C	RGB 35 66 44	#23422C
66.7%	66.7% #2B4B33	RGB 43 75 51	#2B4B33
83.3%	83.3% #33543A	RGB 51 84 58	#33543A
100.0%	100.0% #3C5E42	RGB 60 94 66	#3C5E42

#11271A #163020 #1C3926 #23422C #2B4B33 #33543A #3C5E42

#11271A - #23422C - #3C5E42

CSS codes

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

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