#2B8C6F - #C2DED6 | 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 #2B8C6F to #C2DED6

#2B8C6F #C2DED6

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

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

0.0%	0.0% #2B8C6F	RGB 43 140 111	#2B8C6F
16.7%	16.7% #449980	RGB 68 153 128	#449980
33.3%	33.3% #5DA791	RGB 93 167 145	#5DA791
50.0%	50.0% #76B5A2	RGB 118 181 162	#76B5A2
66.7%	66.7% #8FC2B3	RGB 143 194 179	#8FC2B3
83.3%	83.3% #A8D0C4	RGB 168 208 196	#A8D0C4
100.0%	100.0% #C2DED6	RGB 194 222 214	#C2DED6

#2B8C6F #449980 #5DA791 #76B5A2 #8FC2B3 #A8D0C4 #C2DED6

#2B8C6F - #C2DED6

HSV Blend

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

0.0%	0.0% #2B8C6F	RGB 43 140 111	#2B8C6F
16.7%	16.7% #3D997E	RGB 61 153 126	#3D997E
33.3%	33.3% #53A78E	RGB 83 167 142	#53A78E
50.0%	50.0% #6AB59F	RGB 106 181 159	#6AB59F
66.7%	66.7% #85C2B0	RGB 133 194 176	#85C2B0
83.3%	83.3% #A2D0C3	RGB 162 208 195	#A2D0C3
100.0%	100.0% #C2DED6	RGB 194 222 214	#C2DED6

#2B8C6F #3D997E #53A78E #6AB59F #85C2B0 #A2D0C3 #C2DED6

#2B8C6F - #6AB59F - #C2DED6

CSS codes

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

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