#3ED1D1 - #CDEDB4 | 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 #3ED1D1 to #CDEDB4

#3ED1D1 #CDEDB4

Calculate the color between two colors, #3ED1D1 and #CDEDB4. 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)

#3ED1D1 - #CDEDB4 | 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 #3ED1D1 as 0% and #CDEDB4 as 100%.

0.0%	0.0% #3ED1D1	RGB 62 209 209	#3ED1D1
16.7%	16.7% #55D5CC	RGB 85 213 204	#55D5CC
33.3%	33.3% #6DDAC7	RGB 109 218 199	#6DDAC7
50.0%	50.0% #85DFC2	RGB 133 223 194	#85DFC2
66.7%	66.7% #9DE3BD	RGB 157 227 189	#9DE3BD
83.3%	83.3% #B5E8B8	RGB 181 232 184	#B5E8B8
100.0%	100.0% #CDEDB4	RGB 205 237 180	#CDEDB4

#3ED1D1 #55D5CC #6DDAC7 #85DFC2 #9DE3BD #B5E8B8 #CDEDB4

#3ED1D1 - #CDEDB4

HSV Blend

#3ED1D1 - #CDEDB4 | 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 #3ED1D1 as 0% and #CDEDB4 as 100%.

0.0%	0.0% #3ED1D1	RGB 62 209 209	#3ED1D1
16.7%	16.7% #4FD5B5	RGB 79 213 181	#4FD5B5
33.3%	33.3% #62DAA0	RGB 98 218 160	#62DAA0
50.0%	50.0% #75DF93	RGB 117 223 147	#75DF93
66.7%	66.7% #89E38D	RGB 137 227 141	#89E38D
83.3%	83.3% #ADE89E	RGB 173 232 158	#ADE89E
100.0%	100.0% #CDEDB4	RGB 205 237 180	#CDEDB4

#3ED1D1 #4FD5B5 #62DAA0 #75DF93 #89E38D #ADE89E #CDEDB4

#3ED1D1 - #75DF93 - #CDEDB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3ED1D1 0%, #75DF93 50%, #CDEDB4 100%);
    background: -webkit-linear-gradient(top, #3ED1D1 0%, #75DF93 50%, #CDEDB4 100%);
    background: linear-gradient(to bottom, #3ED1D1 0%, #75DF93 50%, #CDEDB4 100%);
}
</style>