#3E5E3F - #132820 | 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 #3E5E3F to #132820

#3E5E3F #132820

Calculate the color between two colors, #3E5E3F and #132820. 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)

#3E5E3F - #132820 | 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 #3E5E3F as 0% and #132820 as 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #365539	RGB 54 85 57	#365539
33.3%	33.3% #2F4C34	RGB 47 76 52	#2F4C34
50.0%	50.0% #28432F	RGB 40 67 47	#28432F
66.7%	66.7% #213A2A	RGB 33 58 42	#213A2A
83.3%	83.3% #1A3125	RGB 26 49 37	#1A3125
100.0%	100.0% #132820	RGB 19 40 32	#132820

#3E5E3F #365539 #2F4C34 #28432F #213A2A #1A3125 #132820

#3E5E3F - #132820

HSV Blend

#3E5E3F - #132820 | 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 #3E5E3F as 0% and #132820 as 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #355539	RGB 53 85 57	#355539
33.3%	33.3% #2D4C34	RGB 45 76 52	#2D4C34
50.0%	50.0% #26432F	RGB 38 67 47	#26432F
66.7%	66.7% #1F3A2A	RGB 31 58 42	#1F3A2A
83.3%	83.3% #183125	RGB 24 49 37	#183125
100.0%	100.0% #132820	RGB 19 40 32	#132820

#3E5E3F #355539 #2D4C34 #26432F #1F3A2A #183125 #132820

#3E5E3F - #26432F - #132820

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3F 0%, #26432F 50%, #132820 100%);
    background: -webkit-linear-gradient(top, #3E5E3F 0%, #26432F 50%, #132820 100%);
    background: linear-gradient(to bottom, #3E5E3F 0%, #26432F 50%, #132820 100%);
}
</style>