#2F5E2B - #C3D1C2 | 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 #2F5E2B to #C3D1C2

#2F5E2B #C3D1C2

Calculate the color between two colors, #2F5E2B and #C3D1C2. 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)

#2F5E2B - #C3D1C2 | 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 #2F5E2B as 0% and #C3D1C2 as 100%.

0.0%	0.0% #2F5E2B	RGB 47 94 43	#2F5E2B
16.7%	16.7% #477144	RGB 71 113 68	#477144
33.3%	33.3% #60845D	RGB 96 132 93	#60845D
50.0%	50.0% #799776	RGB 121 151 118	#799776
66.7%	66.7% #91AA8F	RGB 145 170 143	#91AA8F
83.3%	83.3% #AABDA8	RGB 170 189 168	#AABDA8
100.0%	100.0% #C3D1C2	RGB 195 209 194	#C3D1C2

#2F5E2B #477144 #60845D #799776 #91AA8F #AABDA8 #C3D1C2

#2F5E2B - #C3D1C2

HSV Blend

#2F5E2B - #C3D1C2 | 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 #2F5E2B as 0% and #C3D1C2 as 100%.

0.0%	0.0% #2E5E2B	RGB 46 94 43	#2E5E2B
16.7%	16.7% #40713C	RGB 64 113 60	#40713C
33.3%	33.3% #558451	RGB 85 132 81	#558451
50.0%	50.0% #6C9768	RGB 108 151 104	#6C9768
66.7%	66.7% #86AA83	RGB 134 170 131	#86AA83
83.3%	83.3% #A3BDA1	RGB 163 189 161	#A3BDA1
100.0%	100.0% #C3D1C2	RGB 195 209 194	#C3D1C2

#2E5E2B #40713C #558451 #6C9768 #86AA83 #A3BDA1 #C3D1C2

#2F5E2B - #6C9768 - #C3D1C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E2B 0%, #6C9768 50%, #C3D1C2 100%);
    background: -webkit-linear-gradient(top, #2E5E2B 0%, #6C9768 50%, #C3D1C2 100%);
    background: linear-gradient(to bottom, #2E5E2B 0%, #6C9768 50%, #C3D1C2 100%);
}
</style>