#00DFFB - #C9FFD3 | 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 #00DFFB to #C9FFD3

#00DFFB #C9FFD3

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

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

0.0%	0.0% #00DFFB	RGB 0 223 251	#00DFFB
16.7%	16.7% #21E4F4	RGB 33 228 244	#21E4F4
33.3%	33.3% #43E9ED	RGB 67 233 237	#43E9ED
50.0%	50.0% #64EFE7	RGB 100 239 231	#64EFE7
66.7%	66.7% #86F4E0	RGB 134 244 224	#86F4E0
83.3%	83.3% #A7F9D9	RGB 167 249 217	#A7F9D9
100.0%	100.0% #C9FFD3	RGB 201 255 211	#C9FFD3

#00DFFB #21E4F4 #43E9ED #64EFE7 #86F4E0 #A7F9D9 #C9FFD3

#00DFFB - #C9FFD3

HSV Blend

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

0.0%	0.0% #00DFFB	RGB 0 223 251	#00DFFB
16.7%	16.7% #21FBF2	RGB 33 251 242	#21FBF2
33.3%	33.3% #42FCD7	RGB 66 252 215	#42FCD7
50.0%	50.0% #63FDC7	RGB 99 253 199	#63FDC7
66.7%	66.7% #85FDC0	RGB 133 253 192	#85FDC0
83.3%	83.3% #A7FEC4	RGB 167 254 196	#A7FEC4
100.0%	100.0% #C9FFD3	RGB 201 255 211	#C9FFD3

#00DFFB #21FBF2 #42FCD7 #63FDC7 #85FDC0 #A7FEC4 #C9FFD3

#00DFFB - #63FDC7 - #C9FFD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DFFB 0%, #63FDC7 50%, #C9FFD3 100%);
    background: -webkit-linear-gradient(top, #00DFFB 0%, #63FDC7 50%, #C9FFD3 100%);
    background: linear-gradient(to bottom, #00DFFB 0%, #63FDC7 50%, #C9FFD3 100%);
}
</style>