#2E5E40 - #0D2425 | 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 #2E5E40 to #0D2425

#2E5E40 #0D2425

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

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

0.0%	0.0% #2E5E40	RGB 46 94 64	#2E5E40
16.7%	16.7% #28543B	RGB 40 84 59	#28543B
33.3%	33.3% #234A37	RGB 35 74 55	#234A37
50.0%	50.0% #1D4132	RGB 29 65 50	#1D4132
66.7%	66.7% #18372E	RGB 24 55 46	#18372E
83.3%	83.3% #122D29	RGB 18 45 41	#122D29
100.0%	100.0% #0D2425	RGB 13 36 37	#0D2425

#2E5E40 #28543B #234A37 #1D4132 #18372E #122D29 #0D2425

#2E5E40 - #0D2425

HSV Blend

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

0.0%	0.0% #2E5E40	RGB 46 94 64	#2E5E40
16.7%	16.7% #27543D	RGB 39 84 61	#27543D
33.3%	33.3% #214B3A	RGB 33 75 58	#214B3A
50.0%	50.0% #1B4136	RGB 27 65 54	#1B4136
66.7%	66.7% #163831	RGB 22 56 49	#163831
83.3%	83.3% #112E2C	RGB 17 46 44	#112E2C
100.0%	100.0% #0D2425	RGB 13 36 37	#0D2425

#2E5E40 #27543D #214B3A #1B4136 #163831 #112E2C #0D2425

#2E5E40 - #1B4136 - #0D2425

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E40 0%, #1B4136 50%, #0D2425 100%);
    background: -webkit-linear-gradient(top, #2E5E40 0%, #1B4136 50%, #0D2425 100%);
    background: linear-gradient(to bottom, #2E5E40 0%, #1B4136 50%, #0D2425 100%);
}
</style>