#CDF2EE - #6DC0AD | 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 #CDF2EE to #6DC0AD

#CDF2EE #6DC0AD

Calculate the color between two colors, #CDF2EE and #6DC0AD. 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)

#CDF2EE - #6DC0AD | 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 #CDF2EE as 0% and #6DC0AD as 100%.

0.0%	0.0% #CDF2EE	RGB 205 242 238	#CDF2EE
16.7%	16.7% #BDE9E3	RGB 189 233 227	#BDE9E3
33.3%	33.3% #ADE1D8	RGB 173 225 216	#ADE1D8
50.0%	50.0% #9DD9CD	RGB 157 217 205	#9DD9CD
66.7%	66.7% #8DD0C2	RGB 141 208 194	#8DD0C2
83.3%	83.3% #7DC8B7	RGB 125 200 183	#7DC8B7
100.0%	100.0% #6DC0AD	RGB 109 192 173	#6DC0AD

#CDF2EE #BDE9E3 #ADE1D8 #9DD9CD #8DD0C2 #7DC8B7 #6DC0AD

#CDF2EE - #6DC0AD

HSV Blend

#CDF2EE - #6DC0AD | 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 #CDF2EE as 0% and #6DC0AD as 100%.

0.0%	0.0% #CDF2EE	RGB 205 242 238	#CDF2EE
16.7%	16.7% #BBE9E3	RGB 187 233 227	#BBE9E3
33.3%	33.3% #A9E1D9	RGB 169 225 217	#A9E1D9
50.0%	50.0% #99D9CE	RGB 153 217 206	#99D9CE
66.7%	66.7% #89D0C3	RGB 137 208 195	#89D0C3
83.3%	83.3% #7BC8B8	RGB 123 200 184	#7BC8B8
100.0%	100.0% #6DC0AD	RGB 109 192 173	#6DC0AD

#CDF2EE #BBE9E3 #A9E1D9 #99D9CE #89D0C3 #7BC8B8 #6DC0AD

#CDF2EE - #99D9CE - #6DC0AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDF2EE 0%, #99D9CE 50%, #6DC0AD 100%);
    background: -webkit-linear-gradient(top, #CDF2EE 0%, #99D9CE 50%, #6DC0AD 100%);
    background: linear-gradient(to bottom, #CDF2EE 0%, #99D9CE 50%, #6DC0AD 100%);
}
</style>