#3B7A2B - #C7D9C2 | 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 #3B7A2B to #C7D9C2

#3B7A2B #C7D9C2

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

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

0.0%	0.0% #3B7A2B	RGB 59 122 43	#3B7A2B
16.7%	16.7% #528944	RGB 82 137 68	#528944
33.3%	33.3% #69995D	RGB 105 153 93	#69995D
50.0%	50.0% #81A976	RGB 129 169 118	#81A976
66.7%	66.7% #98B98F	RGB 152 185 143	#98B98F
83.3%	83.3% #AFC9A8	RGB 175 201 168	#AFC9A8
100.0%	100.0% #C7D9C2	RGB 199 217 194	#C7D9C2

#3B7A2B #528944 #69995D #81A976 #98B98F #AFC9A8 #C7D9C2

#3B7A2B - #C7D9C2

HSV Blend

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

0.0%	0.0% #3A7A2B	RGB 58 122 43	#3A7A2B
16.7%	16.7% #4C893D	RGB 76 137 61	#4C893D
33.3%	33.3% #609951	RGB 96 153 81	#609951
50.0%	50.0% #77A969	RGB 119 169 105	#77A969
66.7%	66.7% #8FB984	RGB 143 185 132	#8FB984
83.3%	83.3% #AAC9A1	RGB 170 201 161	#AAC9A1
100.0%	100.0% #C7D9C2	RGB 199 217 194	#C7D9C2

#3A7A2B #4C893D #609951 #77A969 #8FB984 #AAC9A1 #C7D9C2

#3B7A2B - #77A969 - #C7D9C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A7A2B 0%, #77A969 50%, #C7D9C2 100%);
    background: -webkit-linear-gradient(top, #3A7A2B 0%, #77A969 50%, #C7D9C2 100%);
    background: linear-gradient(to bottom, #3A7A2B 0%, #77A969 50%, #C7D9C2 100%);
}
</style>