#2C2D24 - #161E00 | 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 #2C2D24 to #161E00

#2C2D24 #161E00

Calculate the color between two colors, #2C2D24 and #161E00. 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)

#2C2D24 - #161E00 | 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 #2C2D24 as 0% and #161E00 as 100%.

0.0%	0.0% #2C2D24	RGB 44 45 36	#2C2D24
16.7%	16.7% #282A1E	RGB 40 42 30	#282A1E
33.3%	33.3% #242818	RGB 36 40 24	#242818
50.0%	50.0% #212512	RGB 33 37 18	#212512
66.7%	66.7% #1D230C	RGB 29 35 12	#1D230C
83.3%	83.3% #192006	RGB 25 32 6	#192006
100.0%	100.0% #161E00	RGB 22 30 0	#161E00

#2C2D24 #282A1E #242818 #212512 #1D230C #192006 #161E00

#2C2D24 - #161E00

HSV Blend

#2C2D24 - #161E00 | 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 #2C2D24 as 0% and #161E00 as 100%.

0.0%	0.0% #2C2D24	RGB 44 45 36	#2C2D24
16.7%	16.7% #282A1C	RGB 40 42 28	#282A1C
33.3%	33.3% #242815	RGB 36 40 21	#242815
50.0%	50.0% #21250F	RGB 33 37 15	#21250F
66.7%	66.7% #1D2309	RGB 29 35 9	#1D2309
83.3%	83.3% #192004	RGB 25 32 4	#192004
100.0%	100.0% #161E00	RGB 22 30 0	#161E00

#2C2D24 #282A1C #242815 #21250F #1D2309 #192004 #161E00

#2C2D24 - #21250F - #161E00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C2D24 0%, #21250F 50%, #161E00 100%);
    background: -webkit-linear-gradient(top, #2C2D24 0%, #21250F 50%, #161E00 100%);
    background: linear-gradient(to bottom, #2C2D24 0%, #21250F 50%, #161E00 100%);
}
</style>