#3A845C - #0D4A2D | 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 #3A845C to #0D4A2D

#3A845C #0D4A2D

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

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

0.0%	0.0% #3A845C	RGB 58 132 92	#3A845C
16.7%	16.7% #327A54	RGB 50 122 84	#327A54
33.3%	33.3% #2B704C	RGB 43 112 76	#2B704C
50.0%	50.0% #236744	RGB 35 103 68	#236744
66.7%	66.7% #1C5D3C	RGB 28 93 60	#1C5D3C
83.3%	83.3% #145334	RGB 20 83 52	#145334
100.0%	100.0% #0D4A2D	RGB 13 74 45	#0D4A2D

#3A845C #327A54 #2B704C #236744 #1C5D3C #145334 #0D4A2D

#3A845C - #0D4A2D

HSV Blend

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

0.0%	0.0% #3A845C	RGB 58 132 92	#3A845C
16.7%	16.7% #307A53	RGB 48 122 83	#307A53
33.3%	33.3% #27704A	RGB 39 112 74	#27704A
50.0%	50.0% #1F6742	RGB 31 103 66	#1F6742
66.7%	66.7% #185D3B	RGB 24 93 59	#185D3B
83.3%	83.3% #125333	RGB 18 83 51	#125333
100.0%	100.0% #0D4A2D	RGB 13 74 45	#0D4A2D

#3A845C #307A53 #27704A #1F6742 #185D3B #125333 #0D4A2D

#3A845C - #1F6742 - #0D4A2D

CSS codes

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

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