#3C5E46 - #1A1C08 | 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 #3C5E46 to #1A1C08

#3C5E46 #1A1C08

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

#3C5E46 - #1A1C08 | 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 #3C5E46 as 0% and #1A1C08 as 100%.

0.0%	0.0% #3C5E46	RGB 60 94 70	#3C5E46
16.7%	16.7% #36533B	RGB 54 83 59	#36533B
33.3%	33.3% #304831	RGB 48 72 49	#304831
50.0%	50.0% #2B3D27	RGB 43 61 39	#2B3D27
66.7%	66.7% #25321C	RGB 37 50 28	#25321C
83.3%	83.3% #1F2712	RGB 31 39 18	#1F2712
100.0%	100.0% #1A1C08	RGB 26 28 8	#1A1C08

#3C5E46 #36533B #304831 #2B3D27 #25321C #1F2712 #1A1C08

#3C5E46 - #1A1C08

HSV Blend

#3C5E46 - #1A1C08 | 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 #3C5E46 as 0% and #1A1C08 as 100%.

0.0%	0.0% #3C5E46	RGB 60 94 70	#3C5E46
16.7%	16.7% #305333	RGB 48 83 51	#305333
33.3%	33.3% #294825	RGB 41 72 37	#294825
50.0%	50.0% #263D1C	RGB 38 61 28	#263D1C
66.7%	66.7% #233214	RGB 35 50 20	#233214
83.3%	83.3% #1F270D	RGB 31 39 13	#1F270D
100.0%	100.0% #1A1C08	RGB 26 28 8	#1A1C08

#3C5E46 #305333 #294825 #263D1C #233214 #1F270D #1A1C08

#3C5E46 - #263D1C - #1A1C08

CSS codes

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

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