#2D6548 - #1F201E | 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 #2D6548 to #1F201E

#2D6548 #1F201E

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

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

0.0%	0.0% #2D6548	RGB 45 101 72	#2D6548
16.7%	16.7% #2A5941	RGB 42 89 65	#2A5941
33.3%	33.3% #284E3A	RGB 40 78 58	#284E3A
50.0%	50.0% #264233	RGB 38 66 51	#264233
66.7%	66.7% #23372C	RGB 35 55 44	#23372C
83.3%	83.3% #212B25	RGB 33 43 37	#212B25
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#2D6548 #2A5941 #284E3A #264233 #23372C #212B25 #1F201E

#2D6548 - #1F201E

HSV Blend

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

0.0%	0.0% #2D6548	RGB 45 101 72	#2D6548
16.7%	16.7% #2F593C	RGB 47 89 60	#2F593C
33.3%	33.3% #2F4E34	RGB 47 78 52	#2F4E34
50.0%	50.0% #2E422D	RGB 46 66 45	#2E422D
66.7%	66.7% #2C372A	RGB 44 55 42	#2C372A
83.3%	83.3% #272B25	RGB 39 43 37	#272B25
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#2D6548 #2F593C #2F4E34 #2E422D #2C372A #272B25 #1F201E

#2D6548 - #2E422D - #1F201E

CSS codes

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

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