#C2FFF9 - #DBEBCF | 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 #C2FFF9 to #DBEBCF

#C2FFF9 #DBEBCF

Calculate the color between two colors, #C2FFF9 and #DBEBCF. 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)

#C2FFF9 - #DBEBCF | 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 #C2FFF9 as 0% and #DBEBCF as 100%.

0.0%	0.0% #C2FFF9	RGB 194 255 249	#C2FFF9
16.7%	16.7% #C6FBF2	RGB 198 251 242	#C6FBF2
33.3%	33.3% #CAF8EB	RGB 202 248 235	#CAF8EB
50.0%	50.0% #CEF5E4	RGB 206 245 228	#CEF5E4
66.7%	66.7% #D2F1DD	RGB 210 241 221	#D2F1DD
83.3%	83.3% #D6EED6	RGB 214 238 214	#D6EED6
100.0%	100.0% #DBEBCF	RGB 219 235 207	#DBEBCF

#C2FFF9 #C6FBF2 #CAF8EB #CEF5E4 #D2F1DD #D6EED6 #DBEBCF

#C2FFF9 - #DBEBCF

HSV Blend

#C2FFF9 - #DBEBCF | 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 #C2FFF9 as 0% and #DBEBCF as 100%.

0.0%	0.0% #C2FFF9	RGB 194 255 249	#C2FFF9
16.7%	16.7% #C4FBEA	RGB 196 251 234	#C4FBEA
33.3%	33.3% #C6F8DD	RGB 198 248 221	#C6F8DD
50.0%	50.0% #C9F5D3	RGB 201 245 211	#C9F5D3
66.7%	66.7% #CBF1CB	RGB 203 241 203	#CBF1CB
83.3%	83.3% #D4EECD	RGB 212 238 205	#D4EECD
100.0%	100.0% #DBEBCF	RGB 219 235 207	#DBEBCF

#C2FFF9 #C4FBEA #C6F8DD #C9F5D3 #CBF1CB #D4EECD #DBEBCF

#C2FFF9 - #C9F5D3 - #DBEBCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FFF9 0%, #C9F5D3 50%, #DBEBCF 100%);
    background: -webkit-linear-gradient(top, #C2FFF9 0%, #C9F5D3 50%, #DBEBCF 100%);
    background: linear-gradient(to bottom, #C2FFF9 0%, #C9F5D3 50%, #DBEBCF 100%);
}
</style>