#2E5E2D - #13170E | 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 #2E5E2D to #13170E

#2E5E2D #13170E

Calculate the color between two colors, #2E5E2D and #13170E. 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)

#2E5E2D - #13170E | 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 #2E5E2D as 0% and #13170E as 100%.

0.0%	0.0% #2E5E2D	RGB 46 94 45	#2E5E2D
16.7%	16.7% #295227	RGB 41 82 39	#295227
33.3%	33.3% #254622	RGB 37 70 34	#254622
50.0%	50.0% #203A1D	RGB 32 58 29	#203A1D
66.7%	66.7% #1C2E18	RGB 28 46 24	#1C2E18
83.3%	83.3% #172213	RGB 23 34 19	#172213
100.0%	100.0% #13170E	RGB 19 23 14	#13170E

#2E5E2D #295227 #254622 #203A1D #1C2E18 #172213 #13170E

#2E5E2D - #13170E

HSV Blend

#2E5E2D - #13170E | 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 #2E5E2D as 0% and #13170E as 100%.

0.0%	0.0% #2E5E2D	RGB 46 94 45	#2E5E2D
16.7%	16.7% #2D5229	RGB 45 82 41	#2D5229
33.3%	33.3% #2B4624	RGB 43 70 36	#2B4624
50.0%	50.0% #273A1F	RGB 39 58 31	#273A1F
66.7%	66.7% #222E1A	RGB 34 46 26	#222E1A
83.3%	83.3% #1B2214	RGB 27 34 20	#1B2214
100.0%	100.0% #13170E	RGB 19 23 14	#13170E

#2E5E2D #2D5229 #2B4624 #273A1F #222E1A #1B2214 #13170E

#2E5E2D - #273A1F - #13170E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E2D 0%, #273A1F 50%, #13170E 100%);
    background: -webkit-linear-gradient(top, #2E5E2D 0%, #273A1F 50%, #13170E 100%);
    background: linear-gradient(to bottom, #2E5E2D 0%, #273A1F 50%, #13170E 100%);
}
</style>