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

#11271E #3C5E4B

Calculate the color between two colors, #11271E and #3C5E4B. 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 - #3C5E4B | 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 #3C5E4B as 100%.

0.0%	0.0% #11271E	RGB 17 39 30	#11271E
16.7%	16.7% #183025	RGB 24 48 37	#183025
33.3%	33.3% #1F392D	RGB 31 57 45	#1F392D
50.0%	50.0% #264234	RGB 38 66 52	#264234
66.7%	66.7% #2D4B3C	RGB 45 75 60	#2D4B3C
83.3%	83.3% #345443	RGB 52 84 67	#345443
100.0%	100.0% #3C5E4B	RGB 60 94 75	#3C5E4B

#11271E #183025 #1F392D #264234 #2D4B3C #345443 #3C5E4B

#11271E - #3C5E4B

HSV Blend

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

0.0%	0.0% #11271E	RGB 17 39 30	#11271E
16.7%	16.7% #163025	RGB 22 48 37	#163025
33.3%	33.3% #1C392C	RGB 28 57 44	#1C392C
50.0%	50.0% #234233	RGB 35 66 51	#234233
66.7%	66.7% #2B4B3B	RGB 43 75 59	#2B4B3B
83.3%	83.3% #335442	RGB 51 84 66	#335442
100.0%	100.0% #3C5E4B	RGB 60 94 75	#3C5E4B

#11271E #163025 #1C392C #234233 #2B4B3B #335442 #3C5E4B

#11271E - #234233 - #3C5E4B

CSS codes

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

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