#2B7E26 - #C2DAC1 | 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 #2B7E26 to #C2DAC1

#2B7E26 #C2DAC1

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

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

0.0%	0.0% #2B7E26	RGB 43 126 38	#2B7E26
16.7%	16.7% #448D3F	RGB 68 141 63	#448D3F
33.3%	33.3% #5D9C59	RGB 93 156 89	#5D9C59
50.0%	50.0% #76AC73	RGB 118 172 115	#76AC73
66.7%	66.7% #8FBB8D	RGB 143 187 141	#8FBB8D
83.3%	83.3% #A8CAA7	RGB 168 202 167	#A8CAA7
100.0%	100.0% #C2DAC1	RGB 194 218 193	#C2DAC1

#2B7E26 #448D3F #5D9C59 #76AC73 #8FBB8D #A8CAA7 #C2DAC1

#2B7E26 - #C2DAC1

HSV Blend

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

0.0%	0.0% #2B7E26	RGB 43 126 38	#2B7E26
16.7%	16.7% #3C8D38	RGB 60 141 56	#3C8D38
33.3%	33.3% #519C4D	RGB 81 156 77	#519C4D
50.0%	50.0% #69AC66	RGB 105 172 102	#69AC66
66.7%	66.7% #84BB81	RGB 132 187 129	#84BB81
83.3%	83.3% #A1CA9F	RGB 161 202 159	#A1CA9F
100.0%	100.0% #C2DAC1	RGB 194 218 193	#C2DAC1

#2B7E26 #3C8D38 #519C4D #69AC66 #84BB81 #A1CA9F #C2DAC1

#2B7E26 - #69AC66 - #C2DAC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B7E26 0%, #69AC66 50%, #C2DAC1 100%);
    background: -webkit-linear-gradient(top, #2B7E26 0%, #69AC66 50%, #C2DAC1 100%);
    background: linear-gradient(to bottom, #2B7E26 0%, #69AC66 50%, #C2DAC1 100%);
}
</style>