#2B8D6F - #C2DED5 | 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 #2B8D6F to #C2DED5

#2B8D6F #C2DED5

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

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

0.0%	0.0% #2B8D6F	RGB 43 141 111	#2B8D6F
16.7%	16.7% #449A80	RGB 68 154 128	#449A80
33.3%	33.3% #5DA891	RGB 93 168 145	#5DA891
50.0%	50.0% #76B5A2	RGB 118 181 162	#76B5A2
66.7%	66.7% #8FC3B3	RGB 143 195 179	#8FC3B3
83.3%	83.3% #A8D0C4	RGB 168 208 196	#A8D0C4
100.0%	100.0% #C2DED5	RGB 194 222 213	#C2DED5

#2B8D6F #449A80 #5DA891 #76B5A2 #8FC3B3 #A8D0C4 #C2DED5

#2B8D6F - #C2DED5

HSV Blend

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

0.0%	0.0% #2B8D6F	RGB 43 141 111	#2B8D6F
16.7%	16.7% #3D9A7D	RGB 61 154 125	#3D9A7D
33.3%	33.3% #53A88D	RGB 83 168 141	#53A88D
50.0%	50.0% #6AB59E	RGB 106 181 158	#6AB59E
66.7%	66.7% #85C3AF	RGB 133 195 175	#85C3AF
83.3%	83.3% #A2D0C1	RGB 162 208 193	#A2D0C1
100.0%	100.0% #C2DED5	RGB 194 222 213	#C2DED5

#2B8D6F #3D9A7D #53A88D #6AB59E #85C3AF #A2D0C1 #C2DED5

#2B8D6F - #6AB59E - #C2DED5

CSS codes

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

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