#11140B - #344D3E | 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 #11140B to #344D3E

#11140B #344D3E

Calculate the color between two colors, #11140B and #344D3E. 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)

#11140B - #344D3E | 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 #11140B as 0% and #344D3E as 100%.

0.0%	0.0% #11140B	RGB 17 20 11	#11140B
16.7%	16.7% #161D13	RGB 22 29 19	#161D13
33.3%	33.3% #1C271C	RGB 28 39 28	#1C271C
50.0%	50.0% #223024	RGB 34 48 36	#223024
66.7%	66.7% #283A2D	RGB 40 58 45	#283A2D
83.3%	83.3% #2E4335	RGB 46 67 53	#2E4335
100.0%	100.0% #344D3E	RGB 52 77 62	#344D3E

#11140B #161D13 #1C271C #223024 #283A2D #2E4335 #344D3E

#11140B - #344D3E

HSV Blend

#11140B - #344D3E | 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 #11140B as 0% and #344D3E as 100%.

0.0%	0.0% #11140B	RGB 17 20 11	#11140B
16.7%	16.7% #171D10	RGB 23 29 16	#171D10
33.3%	33.3% #1C2717	RGB 28 39 23	#1C2717
50.0%	50.0% #20301D	RGB 32 48 29	#20301D
66.7%	66.7% #243A25	RGB 36 58 37	#243A25
83.3%	83.3% #2C4331	RGB 44 67 49	#2C4331
100.0%	100.0% #344D3E	RGB 52 77 62	#344D3E

#11140B #171D10 #1C2717 #20301D #243A25 #2C4331 #344D3E

#11140B - #20301D - #344D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11140B 0%, #20301D 50%, #344D3E 100%);
    background: -webkit-linear-gradient(top, #11140B 0%, #20301D 50%, #344D3E 100%);
    background: linear-gradient(to bottom, #11140B 0%, #20301D 50%, #344D3E 100%);
}
</style>