#00DED7 - #CBFFB2 | 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 #00DED7 to #CBFFB2

#00DED7 #CBFFB2

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

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

0.0%	0.0% #00DED7	RGB 0 222 215	#00DED7
16.7%	16.7% #21E3D0	RGB 33 227 208	#21E3D0
33.3%	33.3% #43E9CA	RGB 67 233 202	#43E9CA
50.0%	50.0% #65EEC4	RGB 101 238 196	#65EEC4
66.7%	66.7% #87F4BE	RGB 135 244 190	#87F4BE
83.3%	83.3% #A9F9B8	RGB 169 249 184	#A9F9B8
100.0%	100.0% #CBFFB2	RGB 203 255 178	#CBFFB2

#00DED7 #21E3D0 #43E9CA #65EEC4 #87F4BE #A9F9B8 #CBFFB2

#00DED7 - #CBFFB2

HSV Blend

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

0.0%	0.0% #00DED7	RGB 0 222 215	#00DED7
16.7%	16.7% #1AE3B1	RGB 26 227 177	#1AE3B1
33.3%	33.3% #36E996	RGB 54 233 150	#36E996
50.0%	50.0% #53EE85	RGB 83 238 133	#53EE85
66.7%	66.7% #71F47F	RGB 113 244 127	#71F47F
83.3%	83.3% #9CF991	RGB 156 249 145	#9CF991
100.0%	100.0% #CBFFB2	RGB 203 255 178	#CBFFB2

#00DED7 #1AE3B1 #36E996 #53EE85 #71F47F #9CF991 #CBFFB2

#00DED7 - #53EE85 - #CBFFB2

CSS codes

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

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