#3CD2D2 - #CDEEB4 | 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 #3CD2D2 to #CDEEB4

#3CD2D2 #CDEEB4

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

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

0.0%	0.0% #3CD2D2	RGB 60 210 210	#3CD2D2
16.7%	16.7% #54D6CD	RGB 84 214 205	#54D6CD
33.3%	33.3% #6CDBC8	RGB 108 219 200	#6CDBC8
50.0%	50.0% #84E0C3	RGB 132 224 195	#84E0C3
66.7%	66.7% #9CE4BE	RGB 156 228 190	#9CE4BE
83.3%	83.3% #B4E9B9	RGB 180 233 185	#B4E9B9
100.0%	100.0% #CDEEB4	RGB 205 238 180	#CDEEB4

#3CD2D2 #54D6CD #6CDBC8 #84E0C3 #9CE4BE #B4E9B9 #CDEEB4

#3CD2D2 - #CDEEB4

HSV Blend

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

0.0%	0.0% #3CD2D2	RGB 60 210 210	#3CD2D2
16.7%	16.7% #4ED6B6	RGB 78 214 182	#4ED6B6
33.3%	33.3% #61DBA1	RGB 97 219 161	#61DBA1
50.0%	50.0% #74E093	RGB 116 224 147	#74E093
66.7%	66.7% #89E48D	RGB 137 228 141	#89E48D
83.3%	83.3% #ACE99E	RGB 172 233 158	#ACE99E
100.0%	100.0% #CDEEB4	RGB 205 238 180	#CDEEB4

#3CD2D2 #4ED6B6 #61DBA1 #74E093 #89E48D #ACE99E #CDEEB4

#3CD2D2 - #74E093 - #CDEEB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CD2D2 0%, #74E093 50%, #CDEEB4 100%);
    background: -webkit-linear-gradient(top, #3CD2D2 0%, #74E093 50%, #CDEEB4 100%);
    background: linear-gradient(to bottom, #3CD2D2 0%, #74E093 50%, #CDEEB4 100%);
}
</style>