#063913 - #3E8548 | 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 #063913 to #3E8548

#063913 #3E8548

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

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

0.0%	0.0% #063913	RGB 6 57 19	#063913
16.7%	16.7% #0F451B	RGB 15 69 27	#0F451B
33.3%	33.3% #185224	RGB 24 82 36	#185224
50.0%	50.0% #225F2D	RGB 34 95 45	#225F2D
66.7%	66.7% #2B6B36	RGB 43 107 54	#2B6B36
83.3%	83.3% #34783F	RGB 52 120 63	#34783F
100.0%	100.0% #3E8548	RGB 62 133 72	#3E8548

#063913 #0F451B #185224 #225F2D #2B6B36 #34783F #3E8548

#063913 - #3E8548

HSV Blend

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

0.0%	0.0% #063913	RGB 6 57 19	#063913
16.7%	16.7% #0B4519	RGB 11 69 25	#0B4519
33.3%	33.3% #125220	RGB 18 82 32	#125220
50.0%	50.0% #1B5F28	RGB 27 95 40	#1B5F28
66.7%	66.7% #256B31	RGB 37 107 49	#256B31
83.3%	83.3% #30783C	RGB 48 120 60	#30783C
100.0%	100.0% #3E8548	RGB 62 133 72	#3E8548

#063913 #0B4519 #125220 #1B5F28 #256B31 #30783C #3E8548

#063913 - #1B5F28 - #3E8548

CSS codes

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

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