#00DDD4 - #CDFFB2 | 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 #00DDD4 to #CDFFB2

#00DDD4 #CDFFB2

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

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

0.0%	0.0% #00DDD4	RGB 0 221 212	#00DDD4
16.7%	16.7% #22E2CE	RGB 34 226 206	#22E2CE
33.3%	33.3% #44E8C8	RGB 68 232 200	#44E8C8
50.0%	50.0% #66EEC3	RGB 102 238 195	#66EEC3
66.7%	66.7% #88F3BD	RGB 136 243 189	#88F3BD
83.3%	83.3% #AAF9B7	RGB 170 249 183	#AAF9B7
100.0%	100.0% #CDFFB2	RGB 205 255 178	#CDFFB2

#00DDD4 #22E2CE #44E8C8 #66EEC3 #88F3BD #AAF9B7 #CDFFB2

#00DDD4 - #CDFFB2

HSV Blend

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

0.0%	0.0% #00DDD4	RGB 0 221 212	#00DDD4
16.7%	16.7% #1AE2AE	RGB 26 226 174	#1AE2AE
33.3%	33.3% #36E893	RGB 54 232 147	#36E893
50.0%	50.0% #53EE82	RGB 83 238 130	#53EE82
66.7%	66.7% #71F37C	RGB 113 243 124	#71F37C
83.3%	83.3% #9EF991	RGB 158 249 145	#9EF991
100.0%	100.0% #CDFFB2	RGB 205 255 178	#CDFFB2

#00DDD4 #1AE2AE #36E893 #53EE82 #71F37C #9EF991 #CDFFB2

#00DDD4 - #53EE82 - #CDFFB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DDD4 0%, #53EE82 50%, #CDFFB2 100%);
    background: -webkit-linear-gradient(top, #00DDD4 0%, #53EE82 50%, #CDFFB2 100%);
    background: linear-gradient(to bottom, #00DDD4 0%, #53EE82 50%, #CDFFB2 100%);
}
</style>