#2D4335 - #6C885C | 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 #2D4335 to #6C885C

#2D4335 #6C885C

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

#2D4335 - #6C885C | 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 #2D4335 as 0% and #6C885C as 100%.

0.0%	0.0% #2D4335	RGB 45 67 53	#2D4335
16.7%	16.7% #374E3B	RGB 55 78 59	#374E3B
33.3%	33.3% #425A42	RGB 66 90 66	#425A42
50.0%	50.0% #4C6548	RGB 76 101 72	#4C6548
66.7%	66.7% #57714F	RGB 87 113 79	#57714F
83.3%	83.3% #617C55	RGB 97 124 85	#617C55
100.0%	100.0% #6C885C	RGB 108 136 92	#6C885C

#2D4335 #374E3B #425A42 #4C6548 #57714F #617C55 #6C885C

#2D4335 - #6C885C

HSV Blend

#2D4335 - #6C885C | 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 #2D4335 as 0% and #6C885C as 100%.

0.0%	0.0% #2D4335	RGB 45 67 53	#2D4335
16.7%	16.7% #344E3B	RGB 52 78 59	#344E3B
33.3%	33.3% #3C5A40	RGB 60 90 64	#3C5A40
50.0%	50.0% #446544	RGB 68 101 68	#446544
66.7%	66.7% #50714C	RGB 80 113 76	#50714C
83.3%	83.3% #5D7C54	RGB 93 124 84	#5D7C54
100.0%	100.0% #6C885C	RGB 108 136 92	#6C885C

#2D4335 #344E3B #3C5A40 #446544 #50714C #5D7C54 #6C885C

#2D4335 - #446544 - #6C885C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4335 0%, #446544 50%, #6C885C 100%);
    background: -webkit-linear-gradient(top, #2D4335 0%, #446544 50%, #6C885C 100%);
    background: linear-gradient(to bottom, #2D4335 0%, #446544 50%, #6C885C 100%);
}
</style>