#11271E - #3C5E46 | 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 #11271E to #3C5E46

#11271E #3C5E46

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

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

0.0%	0.0% #11271E	RGB 17 39 30	#11271E
16.7%	16.7% #183024	RGB 24 48 36	#183024
33.3%	33.3% #1F392B	RGB 31 57 43	#1F392B
50.0%	50.0% #264232	RGB 38 66 50	#264232
66.7%	66.7% #2D4B38	RGB 45 75 56	#2D4B38
83.3%	83.3% #34543F	RGB 52 84 63	#34543F
100.0%	100.0% #3C5E46	RGB 60 94 70	#3C5E46

#11271E #183024 #1F392B #264232 #2D4B38 #34543F #3C5E46

#11271E - #3C5E46

HSV Blend

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

0.0%	0.0% #11271E	RGB 17 39 30	#11271E
16.7%	16.7% #163024	RGB 22 48 36	#163024
33.3%	33.3% #1C392A	RGB 28 57 42	#1C392A
50.0%	50.0% #234231	RGB 35 66 49	#234231
66.7%	66.7% #2B4B37	RGB 43 75 55	#2B4B37
83.3%	83.3% #33543E	RGB 51 84 62	#33543E
100.0%	100.0% #3C5E46	RGB 60 94 70	#3C5E46

#11271E #163024 #1C392A #234231 #2B4B37 #33543E #3C5E46

#11271E - #234231 - #3C5E46

CSS codes

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

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