#00CCEC - #DDFFAB | 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 #00CCEC to #DDFFAB

#00CCEC #DDFFAB

Calculate the color between two colors, #00CCEC and #DDFFAB. 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)

#00CCEC - #DDFFAB | 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 #00CCEC as 0% and #DDFFAB as 100%.

0.0%	0.0% #00CCEC	RGB 0 204 236	#00CCEC
16.7%	16.7% #24D4E1	RGB 36 212 225	#24D4E1
33.3%	33.3% #49DDD6	RGB 73 221 214	#49DDD6
50.0%	50.0% #6EE5CB	RGB 110 229 203	#6EE5CB
66.7%	66.7% #93EEC0	RGB 147 238 192	#93EEC0
83.3%	83.3% #B8F6B5	RGB 184 246 181	#B8F6B5
100.0%	100.0% #DDFFAB	RGB 221 255 171	#DDFFAB

#00CCEC #24D4E1 #49DDD6 #6EE5CB #93EEC0 #B8F6B5 #DDFFAB

#00CCEC - #DDFFAB

HSV Blend

#00CCEC - #DDFFAB | 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 #00CCEC as 0% and #DDFFAB as 100%.

0.0%	0.0% #00CCEC	RGB 0 204 236	#00CCEC
16.7%	16.7% #1AEFCE	RGB 26 239 206	#1AEFCE
33.3%	33.3% #36F29F	RGB 54 242 159	#36F29F
50.0%	50.0% #52F57E	RGB 82 245 126	#52F57E
66.7%	66.7% #71F86F	RGB 113 248 111	#71F86F
83.3%	83.3% #AEFB8C	RGB 174 251 140	#AEFB8C
100.0%	100.0% #DDFFAB	RGB 221 255 171	#DDFFAB

#00CCEC #1AEFCE #36F29F #52F57E #71F86F #AEFB8C #DDFFAB

#00CCEC - #52F57E - #DDFFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CCEC 0%, #52F57E 50%, #DDFFAB 100%);
    background: -webkit-linear-gradient(top, #00CCEC 0%, #52F57E 50%, #DDFFAB 100%);
    background: linear-gradient(to bottom, #00CCEC 0%, #52F57E 50%, #DDFFAB 100%);
}
</style>