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

#00C4CE #D2FFD2

Calculate the color between two colors, #00C4CE 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)

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

0.0%	0.0% #00C4CE	RGB 0 196 206	#00C4CE
16.7%	16.7% #23CDCE	RGB 35 205 206	#23CDCE
33.3%	33.3% #46D7CF	RGB 70 215 207	#46D7CF
50.0%	50.0% #69E1D0	RGB 105 225 208	#69E1D0
66.7%	66.7% #8CEBD0	RGB 140 235 208	#8CEBD0
83.3%	83.3% #AFF5D1	RGB 175 245 209	#AFF5D1
100.0%	100.0% #D2FFD2	RGB 210 255 210	#D2FFD2

#00C4CE #23CDCE #46D7CF #69E1D0 #8CEBD0 #AFF5D1 #D2FFD2

#00C4CE - #D2FFD2

HSV Blend

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

0.0%	0.0% #00C4CE	RGB 0 196 206	#00C4CE
16.7%	16.7% #1DD6BE	RGB 29 214 190	#1DD6BE
33.3%	33.3% #3DDEAD	RGB 61 222 173	#3DDEAD
50.0%	50.0% #5EE6A5	RGB 94 230 165	#5EE6A5
66.7%	66.7% #83EEA8	RGB 131 238 168	#83EEA8
83.3%	83.3% #A9F6B6	RGB 169 246 182	#A9F6B6
100.0%	100.0% #D2FFD2	RGB 210 255 210	#D2FFD2

#00C4CE #1DD6BE #3DDEAD #5EE6A5 #83EEA8 #A9F6B6 #D2FFD2

#00C4CE - #5EE6A5 - #D2FFD2

CSS codes

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

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