#2B5E42 - #1E1B1B | 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 #2B5E42 to #1E1B1B

#2B5E42 #1E1B1B

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

#2B5E42 - #1E1B1B | 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 #2B5E42 as 0% and #1E1B1B as 100%.

0.0%	0.0% #2B5E42	RGB 43 94 66	#2B5E42
16.7%	16.7% #28523B	RGB 40 82 59	#28523B
33.3%	33.3% #264735	RGB 38 71 53	#264735
50.0%	50.0% #243C2E	RGB 36 60 46	#243C2E
66.7%	66.7% #223128	RGB 34 49 40	#223128
83.3%	83.3% #202621	RGB 32 38 33	#202621
100.0%	100.0% #1E1B1B	RGB 30 27 27	#1E1B1B

#2B5E42 #28523B #264735 #243C2E #223128 #202621 #1E1B1B

#2B5E42 - #1E1B1B

HSV Blend

#2B5E42 - #1E1B1B | 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 #2B5E42 as 0% and #1E1B1B as 100%.

0.0%	0.0% #2B5E42	RGB 43 94 66	#2B5E42
16.7%	16.7% #2C532D	RGB 44 83 45	#2C532D
33.3%	33.3% #36482B	RGB 54 72 43	#36482B
50.0%	50.0% #393E2A	RGB 57 62 42	#393E2A
66.7%	66.7% #333126	RGB 51 49 38	#333126
83.3%	83.3% #282421	RGB 40 36 33	#282421
100.0%	100.0% #1E1B1B	RGB 30 27 27	#1E1B1B

#2B5E42 #2C532D #36482B #393E2A #333126 #282421 #1E1B1B

#2B5E42 - #393E2A - #1E1B1B

CSS codes

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

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