#3C5E3D - #064F1A | 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 #3C5E3D to #064F1A

#3C5E3D #064F1A

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

#3C5E3D - #064F1A | 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 #3C5E3D as 0% and #064F1A as 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #335B37	RGB 51 91 55	#335B37
33.3%	33.3% #2A5931	RGB 42 89 49	#2A5931
50.0%	50.0% #21562B	RGB 33 86 43	#21562B
66.7%	66.7% #185425	RGB 24 84 37	#185425
83.3%	83.3% #0F511F	RGB 15 81 31	#0F511F
100.0%	100.0% #064F1A	RGB 6 79 26	#064F1A

#3C5E3D #335B37 #2A5931 #21562B #185425 #0F511F #064F1A

#3C5E3D - #064F1A

HSV Blend

#3C5E3D - #064F1A | 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 #3C5E3D as 0% and #064F1A as 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #315B34	RGB 49 91 52	#315B34
33.3%	33.3% #28592D	RGB 40 89 45	#28592D
50.0%	50.0% #1E5627	RGB 30 86 39	#1E5627
66.7%	66.7% #165422	RGB 22 84 34	#165422
83.3%	83.3% #0D511D	RGB 13 81 29	#0D511D
100.0%	100.0% #064F1A	RGB 6 79 26	#064F1A

#3C5E3D #315B34 #28592D #1E5627 #165422 #0D511D #064F1A

#3C5E3D - #1E5627 - #064F1A

CSS codes

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

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