#C9D9D2 - #E2FEFF | 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 #C9D9D2 to #E2FEFF

#C9D9D2 #E2FEFF

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

#C9D9D2 - #E2FEFF | 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 #C9D9D2 as 0% and #E2FEFF as 100%.

0.0%	0.0% #C9D9D2	RGB 201 217 210	#C9D9D2
16.7%	16.7% #CDDFD9	RGB 205 223 217	#CDDFD9
33.3%	33.3% #D1E5E1	RGB 209 229 225	#D1E5E1
50.0%	50.0% #D5EBE8	RGB 213 235 232	#D5EBE8
66.7%	66.7% #D9F1F0	RGB 217 241 240	#D9F1F0
83.3%	83.3% #DDF7F7	RGB 221 247 247	#DDF7F7
100.0%	100.0% #E2FEFF	RGB 226 254 255	#E2FEFF

#C9D9D2 #CDDFD9 #D1E5E1 #D5EBE8 #D9F1F0 #DDF7F7 #E2FEFF

#C9D9D2 - #E2FEFF

HSV Blend

#C9D9D2 - #E2FEFF | 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 #C9D9D2 as 0% and #E2FEFF as 100%.

0.0%	0.0% #C9D9D2	RGB 201 217 210	#C9D9D2
16.7%	16.7% #CDDFD8	RGB 205 223 216	#CDDFD8
33.3%	33.3% #D1E5E0	RGB 209 229 224	#D1E5E0
50.0%	50.0% #D5ECE7	RGB 213 236 231	#D5ECE7
66.7%	66.7% #DAF2EF	RGB 218 242 239	#DAF2EF
83.3%	83.3% #DEF8F7	RGB 222 248 247	#DEF8F7
100.0%	100.0% #E2FEFF	RGB 226 254 255	#E2FEFF

#C9D9D2 #CDDFD8 #D1E5E0 #D5ECE7 #DAF2EF #DEF8F7 #E2FEFF

#C9D9D2 - #D5ECE7 - #E2FEFF

CSS codes

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

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