#2B5D42 - #C2D0C9 | 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 #2B5D42 to #C2D0C9

#2B5D42 #C2D0C9

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

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

0.0%	0.0% #2B5D42	RGB 43 93 66	#2B5D42
16.7%	16.7% #447058	RGB 68 112 88	#447058
33.3%	33.3% #5D836F	RGB 93 131 111	#5D836F
50.0%	50.0% #769685	RGB 118 150 133	#769685
66.7%	66.7% #8FA99C	RGB 143 169 156	#8FA99C
83.3%	83.3% #A8BCB2	RGB 168 188 178	#A8BCB2
100.0%	100.0% #C2D0C9	RGB 194 208 201	#C2D0C9

#2B5D42 #447058 #5D836F #769685 #8FA99C #A8BCB2 #C2D0C9

#2B5D42 - #C2D0C9

HSV Blend

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

0.0%	0.0% #2A5D41	RGB 42 93 65	#2A5D41
16.7%	16.7% #3C7054	RGB 60 112 84	#3C7054
33.3%	33.3% #518368	RGB 81 131 104	#518368
50.0%	50.0% #68967E	RGB 104 150 126	#68967E
66.7%	66.7% #83A996	RGB 131 169 150	#83A996
83.3%	83.3% #A1BCAE	RGB 161 188 174	#A1BCAE
100.0%	100.0% #C2D0C9	RGB 194 208 201	#C2D0C9

#2A5D41 #3C7054 #518368 #68967E #83A996 #A1BCAE #C2D0C9

#2B5D42 - #68967E - #C2D0C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A5D41 0%, #68967E 50%, #C2D0C9 100%);
    background: -webkit-linear-gradient(top, #2A5D41 0%, #68967E 50%, #C2D0C9 100%);
    background: linear-gradient(to bottom, #2A5D41 0%, #68967E 50%, #C2D0C9 100%);
}
</style>