#3C4A30 - #163001 | 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 #3C4A30 to #163001

#3C4A30 #163001

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

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

0.0%	0.0% #3C4A30	RGB 60 74 48	#3C4A30
16.7%	16.7% #354528	RGB 53 69 40	#354528
33.3%	33.3% #2F4120	RGB 47 65 32	#2F4120
50.0%	50.0% #293D18	RGB 41 61 24	#293D18
66.7%	66.7% #223810	RGB 34 56 16	#223810
83.3%	83.3% #1C3408	RGB 28 52 8	#1C3408
100.0%	100.0% #163001	RGB 22 48 1	#163001

#3C4A30 #354528 #2F4120 #293D18 #223810 #1C3408 #163001

#3C4A30 - #163001

HSV Blend

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

0.0%	0.0% #3C4A30	RGB 60 74 48	#3C4A30
16.7%	16.7% #344525	RGB 52 69 37	#344525
33.3%	33.3% #2D411C	RGB 45 65 28	#2D411C
50.0%	50.0% #263D14	RGB 38 61 20	#263D14
66.7%	66.7% #20380D	RGB 32 56 13	#20380D
83.3%	83.3% #1B3406	RGB 27 52 6	#1B3406
100.0%	100.0% #163001	RGB 22 48 1	#163001

#3C4A30 #344525 #2D411C #263D14 #20380D #1B3406 #163001

#3C4A30 - #263D14 - #163001

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4A30 0%, #263D14 50%, #163001 100%);
    background: -webkit-linear-gradient(top, #3C4A30 0%, #263D14 50%, #163001 100%);
    background: linear-gradient(to bottom, #3C4A30 0%, #263D14 50%, #163001 100%);
}
</style>