#2B7E3A - #C2DAC6 | 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 #2B7E3A to #C2DAC6

#2B7E3A #C2DAC6

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

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

0.0%	0.0% #2B7E3A	RGB 43 126 58	#2B7E3A
16.7%	16.7% #448D51	RGB 68 141 81	#448D51
33.3%	33.3% #5D9C68	RGB 93 156 104	#5D9C68
50.0%	50.0% #76AC80	RGB 118 172 128	#76AC80
66.7%	66.7% #8FBB97	RGB 143 187 151	#8FBB97
83.3%	83.3% #A8CAAE	RGB 168 202 174	#A8CAAE
100.0%	100.0% #C2DAC6	RGB 194 218 198	#C2DAC6

#2B7E3A #448D51 #5D9C68 #76AC80 #8FBB97 #A8CAAE #C2DAC6

#2B7E3A - #C2DAC6

HSV Blend

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

0.0%	0.0% #2B7E3A	RGB 43 126 58	#2B7E3A
16.7%	16.7% #3D8D4B	RGB 61 141 75	#3D8D4B
33.3%	33.3% #529C5F	RGB 82 156 95	#529C5F
50.0%	50.0% #69AC75	RGB 105 172 117	#69AC75
66.7%	66.7% #84BB8D	RGB 132 187 141	#84BB8D
83.3%	83.3% #A1CAA8	RGB 161 202 168	#A1CAA8
100.0%	100.0% #C2DAC6	RGB 194 218 198	#C2DAC6

#2B7E3A #3D8D4B #529C5F #69AC75 #84BB8D #A1CAA8 #C2DAC6

#2B7E3A - #69AC75 - #C2DAC6

CSS codes

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

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