#00D9F7 - #C5FFD5 | 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 #00D9F7 to #C5FFD5

#00D9F7 #C5FFD5

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

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

0.0%	0.0% #00D9F7	RGB 0 217 247	#00D9F7
16.7%	16.7% #20DFF1	RGB 32 223 241	#20DFF1
33.3%	33.3% #41E5EB	RGB 65 229 235	#41E5EB
50.0%	50.0% #62ECE6	RGB 98 236 230	#62ECE6
66.7%	66.7% #83F2E0	RGB 131 242 224	#83F2E0
83.3%	83.3% #A4F8DA	RGB 164 248 218	#A4F8DA
100.0%	100.0% #C5FFD5	RGB 197 255 213	#C5FFD5

#00D9F7 #20DFF1 #41E5EB #62ECE6 #83F2E0 #A4F8DA #C5FFD5

#00D9F7 - #C5FFD5

HSV Blend

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

0.0%	0.0% #00D8F7	RGB 0 216 247	#00D8F7
16.7%	16.7% #1FF8F4	RGB 31 248 244	#1FF8F4
33.3%	33.3% #40F9DB	RGB 64 249 219	#40F9DB
50.0%	50.0% #60FBCC	RGB 96 251 204	#60FBCC
66.7%	66.7% #81FCC6	RGB 129 252 198	#81FCC6
83.3%	83.3% #A3FDC8	RGB 163 253 200	#A3FDC8
100.0%	100.0% #C5FFD5	RGB 197 255 213	#C5FFD5

#00D8F7 #1FF8F4 #40F9DB #60FBCC #81FCC6 #A3FDC8 #C5FFD5

#00D9F7 - #60FBCC - #C5FFD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D8F7 0%, #60FBCC 50%, #C5FFD5 100%);
    background: -webkit-linear-gradient(top, #00D8F7 0%, #60FBCC 50%, #C5FFD5 100%);
    background: linear-gradient(to bottom, #00D8F7 0%, #60FBCC 50%, #C5FFD5 100%);
}
</style>