#00D9EC - #D2FFD2 | 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 #00D9EC to #D2FFD2

#00D9EC #D2FFD2

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

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

0.0%	0.0% #00D9EC	RGB 0 217 236	#00D9EC
16.7%	16.7% #23DFE7	RGB 35 223 231	#23DFE7
33.3%	33.3% #46E5E3	RGB 70 229 227	#46E5E3
50.0%	50.0% #69ECDF	RGB 105 236 223	#69ECDF
66.7%	66.7% #8CF2DA	RGB 140 242 218	#8CF2DA
83.3%	83.3% #AFF8D6	RGB 175 248 214	#AFF8D6
100.0%	100.0% #D2FFD2	RGB 210 255 210	#D2FFD2

#00D9EC #23DFE7 #46E5E3 #69ECDF #8CF2DA #AFF8D6 #D2FFD2

#00D9EC - #D2FFD2

HSV Blend

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

0.0%	0.0% #00D9EC	RGB 0 217 236	#00D9EC
16.7%	16.7% #20EFDA	RGB 32 239 218	#20EFDA
33.3%	33.3% #42F2C1	RGB 66 242 193	#42F2C1
50.0%	50.0% #65F5B3	RGB 101 245 179	#65F5B3
66.7%	66.7% #88F8B0	RGB 136 248 176	#88F8B0
83.3%	83.3% #ACFBBB	RGB 172 251 187	#ACFBBB
100.0%	100.0% #D2FFD2	RGB 210 255 210	#D2FFD2

#00D9EC #20EFDA #42F2C1 #65F5B3 #88F8B0 #ACFBBB #D2FFD2

#00D9EC - #65F5B3 - #D2FFD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D9EC 0%, #65F5B3 50%, #D2FFD2 100%);
    background: -webkit-linear-gradient(top, #00D9EC 0%, #65F5B3 50%, #D2FFD2 100%);
    background: linear-gradient(to bottom, #00D9EC 0%, #65F5B3 50%, #D2FFD2 100%);
}
</style>