#2B532D - #C2CDC2 | 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 #2B532D to #C2CDC2

#2B532D #C2CDC2

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

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

0.0%	0.0% #2B532D	RGB 43 83 45	#2B532D
16.7%	16.7% #446745	RGB 68 103 69	#446745
33.3%	33.3% #5D7B5E	RGB 93 123 94	#5D7B5E
50.0%	50.0% #769077	RGB 118 144 119	#769077
66.7%	66.7% #8FA490	RGB 143 164 144	#8FA490
83.3%	83.3% #A8B8A9	RGB 168 184 169	#A8B8A9
100.0%	100.0% #C2CDC2	RGB 194 205 194	#C2CDC2

#2B532D #446745 #5D7B5E #769077 #8FA490 #A8B8A9 #C2CDC2

#2B532D - #C2CDC2

HSV Blend

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

0.0%	0.0% #2B532D	RGB 43 83 45	#2B532D
16.7%	16.7% #3C673E	RGB 60 103 62	#3C673E
33.3%	33.3% #517B53	RGB 81 123 83	#517B53
50.0%	50.0% #69906A	RGB 105 144 106	#69906A
66.7%	66.7% #84A484	RGB 132 164 132	#84A484
83.3%	83.3% #A1B8A1	RGB 161 184 161	#A1B8A1
100.0%	100.0% #C2CDC2	RGB 194 205 194	#C2CDC2

#2B532D #3C673E #517B53 #69906A #84A484 #A1B8A1 #C2CDC2

#2B532D - #69906A - #C2CDC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B532D 0%, #69906A 50%, #C2CDC2 100%);
    background: -webkit-linear-gradient(top, #2B532D 0%, #69906A 50%, #C2CDC2 100%);
    background: linear-gradient(to bottom, #2B532D 0%, #69906A 50%, #C2CDC2 100%);
}
</style>