#3C5E4D - #043716 | 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 #3C5E4D to #043716

#3C5E4D #043716

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

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

0.0%	0.0% #3C5E4D	RGB 60 94 77	#3C5E4D
16.7%	16.7% #325743	RGB 50 87 67	#325743
33.3%	33.3% #29513A	RGB 41 81 58	#29513A
50.0%	50.0% #204A31	RGB 32 74 49	#204A31
66.7%	66.7% #164428	RGB 22 68 40	#164428
83.3%	83.3% #0D3D1F	RGB 13 61 31	#0D3D1F
100.0%	100.0% #043716	RGB 4 55 22	#043716

#3C5E4D #325743 #29513A #204A31 #164428 #0D3D1F #043716

#3C5E4D - #043716

HSV Blend

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

0.0%	0.0% #3C5E4D	RGB 60 94 77	#3C5E4D
16.7%	16.7% #2F5742	RGB 47 87 66	#2F5742
33.3%	33.3% #245138	RGB 36 81 56	#245138
50.0%	50.0% #1A4A2E	RGB 26 74 46	#1A4A2E
66.7%	66.7% #114425	RGB 17 68 37	#114425
83.3%	83.3% #0A3D1D	RGB 10 61 29	#0A3D1D
100.0%	100.0% #043716	RGB 4 55 22	#043716

#3C5E4D #2F5742 #245138 #1A4A2E #114425 #0A3D1D #043716

#3C5E4D - #1A4A2E - #043716

CSS codes

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

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