#2D5E31 - #034231 | 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 #2D5E31 to #034231

#2D5E31 #034231

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

#2D5E31 - #034231 | 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 #2D5E31 as 0% and #034231 as 100%.

0.0%	0.0% #2D5E31	RGB 45 94 49	#2D5E31
16.7%	16.7% #265931	RGB 38 89 49	#265931
33.3%	33.3% #1F5431	RGB 31 84 49	#1F5431
50.0%	50.0% #185031	RGB 24 80 49	#185031
66.7%	66.7% #104B31	RGB 16 75 49	#104B31
83.3%	83.3% #0A4631	RGB 10 70 49	#0A4631
100.0%	100.0% #034231	RGB 3 66 49	#034231

#2D5E31 #265931 #1F5431 #185031 #104B31 #0A4631 #034231

#2D5E31 - #034231

HSV Blend

#2D5E31 - #034231 | 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 #2D5E31 as 0% and #034231 as 100%.

0.0%	0.0% #2D5E31	RGB 45 94 49	#2D5E31
16.7%	16.7% #24592E	RGB 36 89 46	#24592E
33.3%	33.3% #1C542D	RGB 28 84 45	#1C542D
50.0%	50.0% #14502C	RGB 20 80 44	#14502C
66.7%	66.7% #0E4B2D	RGB 14 75 45	#0E4B2D
83.3%	83.3% #08462F	RGB 8 70 47	#08462F
100.0%	100.0% #034231	RGB 3 66 49	#034231

#2D5E31 #24592E #1C542D #14502C #0E4B2D #08462F #034231

#2D5E31 - #14502C - #034231

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E31 0%, #14502C 50%, #034231 100%);
    background: -webkit-linear-gradient(top, #2D5E31 0%, #14502C 50%, #034231 100%);
    background: linear-gradient(to bottom, #2D5E31 0%, #14502C 50%, #034231 100%);
}
</style>