#2E5E04 - #20161F | 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 #2E5E04 to #20161F

#2E5E04 #20161F

Calculate the color between two colors, #2E5E04 and #20161F. 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)

#2E5E04 - #20161F | 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 #2E5E04 as 0% and #20161F as 100%.

0.0%	0.0% #2E5E04	RGB 46 94 4	#2E5E04
16.7%	16.7% #2B5208	RGB 43 82 8	#2B5208
33.3%	33.3% #29460D	RGB 41 70 13	#29460D
50.0%	50.0% #273A11	RGB 39 58 17	#273A11
66.7%	66.7% #242E16	RGB 36 46 22	#242E16
83.3%	83.3% #22221A	RGB 34 34 26	#22221A
100.0%	100.0% #20161F	RGB 32 22 31	#20161F

#2E5E04 #2B5208 #29460D #273A11 #242E16 #22221A #20161F

#2E5E04 - #20161F

HSV Blend

#2E5E04 - #20161F | 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 #2E5E04 as 0% and #20161F as 100%.

0.0%	0.0% #2D5E03	RGB 45 94 3	#2D5E03
16.7%	16.7% #4A530C	RGB 74 83 12	#4A530C
33.3%	33.3% #493A12	RGB 73 58 18	#493A12
50.0%	50.0% #3F2316	RGB 63 35 22	#3F2316
66.7%	66.7% #34181B	RGB 52 24 27	#34181B
83.3%	83.3% #2A1821	RGB 42 24 33	#2A1821
100.0%	100.0% #20161F	RGB 32 22 31	#20161F

#2D5E03 #4A530C #493A12 #3F2316 #34181B #2A1821 #20161F

#2E5E04 - #3F2316 - #20161F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E03 0%, #3F2316 50%, #20161F 100%);
    background: -webkit-linear-gradient(top, #2D5E03 0%, #3F2316 50%, #20161F 100%);
    background: linear-gradient(to bottom, #2D5E03 0%, #3F2316 50%, #20161F 100%);
}
</style>