#CCD9CF - #DBFEFF | 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 #CCD9CF to #DBFEFF

#CCD9CF #DBFEFF

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

#CCD9CF - #DBFEFF | 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 #CCD9CF as 0% and #DBFEFF as 100%.

0.0%	0.0% #CCD9CF	RGB 204 217 207	#CCD9CF
16.7%	16.7% #CEDFD7	RGB 206 223 215	#CEDFD7
33.3%	33.3% #D1E5DF	RGB 209 229 223	#D1E5DF
50.0%	50.0% #D3EBE7	RGB 211 235 231	#D3EBE7
66.7%	66.7% #D6F1EF	RGB 214 241 239	#D6F1EF
83.3%	83.3% #D8F7F7	RGB 216 247 247	#D8F7F7
100.0%	100.0% #DBFEFF	RGB 219 254 255	#DBFEFF

#CCD9CF #CEDFD7 #D1E5DF #D3EBE7 #D6F1EF #D8F7F7 #DBFEFF

#CCD9CF - #DBFEFF

HSV Blend

#CCD9CF - #DBFEFF | 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 #CCD9CF as 0% and #DBFEFF as 100%.

0.0%	0.0% #CCD9CF	RGB 204 217 207	#CCD9CF
16.7%	16.7% #CEDFD4	RGB 206 223 212	#CEDFD4
33.3%	33.3% #D1E5DB	RGB 209 229 219	#D1E5DB
50.0%	50.0% #D4ECE3	RGB 212 236 227	#D4ECE3
66.7%	66.7% #D6F2EB	RGB 214 242 235	#D6F2EB
83.3%	83.3% #D8F8F5	RGB 216 248 245	#D8F8F5
100.0%	100.0% #DBFEFF	RGB 219 254 255	#DBFEFF

#CCD9CF #CEDFD4 #D1E5DB #D4ECE3 #D6F2EB #D8F8F5 #DBFEFF

#CCD9CF - #D4ECE3 - #DBFEFF

CSS codes

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

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