#00DED4 - #CFFFB2 | 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 #00DED4 to #CFFFB2

#00DED4 #CFFFB2

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

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

0.0%	0.0% #00DED4	RGB 0 222 212	#00DED4
16.7%	16.7% #22E3CE	RGB 34 227 206	#22E3CE
33.3%	33.3% #45E9C8	RGB 69 233 200	#45E9C8
50.0%	50.0% #67EEC3	RGB 103 238 195	#67EEC3
66.7%	66.7% #8AF4BD	RGB 138 244 189	#8AF4BD
83.3%	83.3% #ACF9B7	RGB 172 249 183	#ACF9B7
100.0%	100.0% #CFFFB2	RGB 207 255 178	#CFFFB2

#00DED4 #22E3CE #45E9C8 #67EEC3 #8AF4BD #ACF9B7 #CFFFB2

#00DED4 - #CFFFB2

HSV Blend

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

0.0%	0.0% #00DED4	RGB 0 222 212	#00DED4
16.7%	16.7% #1AE3AD	RGB 26 227 173	#1AE3AD
33.3%	33.3% #36E991	RGB 54 233 145	#36E991
50.0%	50.0% #53EE80	RGB 83 238 128	#53EE80
66.7%	66.7% #71F47A	RGB 113 244 122	#71F47A
83.3%	83.3% #A1F991	RGB 161 249 145	#A1F991
100.0%	100.0% #CFFFB2	RGB 207 255 178	#CFFFB2

#00DED4 #1AE3AD #36E991 #53EE80 #71F47A #A1F991 #CFFFB2

#00DED4 - #53EE80 - #CFFFB2

CSS codes

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

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