#2B8C68 - #C2DED4 | 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 #2B8C68 to #C2DED4

#2B8C68 #C2DED4

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

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

0.0%	0.0% #2B8C68	RGB 43 140 104	#2B8C68
16.7%	16.7% #44997A	RGB 68 153 122	#44997A
33.3%	33.3% #5DA78C	RGB 93 167 140	#5DA78C
50.0%	50.0% #76B59E	RGB 118 181 158	#76B59E
66.7%	66.7% #8FC2B0	RGB 143 194 176	#8FC2B0
83.3%	83.3% #A8D0C2	RGB 168 208 194	#A8D0C2
100.0%	100.0% #C2DED4	RGB 194 222 212	#C2DED4

#2B8C68 #44997A #5DA78C #76B59E #8FC2B0 #A8D0C2 #C2DED4

#2B8C68 - #C2DED4

HSV Blend

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

0.0%	0.0% #2B8C68	RGB 43 140 104	#2B8C68
16.7%	16.7% #3D9977	RGB 61 153 119	#3D9977
33.3%	33.3% #53A788	RGB 83 167 136	#53A788
50.0%	50.0% #6AB59A	RGB 106 181 154	#6AB59A
66.7%	66.7% #85C2AC	RGB 133 194 172	#85C2AC
83.3%	83.3% #A2D0BF	RGB 162 208 191	#A2D0BF
100.0%	100.0% #C2DED4	RGB 194 222 212	#C2DED4

#2B8C68 #3D9977 #53A788 #6AB59A #85C2AC #A2D0BF #C2DED4

#2B8C68 - #6AB59A - #C2DED4

CSS codes

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

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