#C7D3C9 - #DAFAFF | 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 #C7D3C9 to #DAFAFF

#C7D3C9 #DAFAFF

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

#C7D3C9 - #DAFAFF | 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 #C7D3C9 as 0% and #DAFAFF as 100%.

0.0%	0.0% #C7D3C9	RGB 199 211 201	#C7D3C9
16.7%	16.7% #CAD9D2	RGB 202 217 210	#CAD9D2
33.3%	33.3% #CDE0DB	RGB 205 224 219	#CDE0DB
50.0%	50.0% #D0E6E4	RGB 208 230 228	#D0E6E4
66.7%	66.7% #D3EDED	RGB 211 237 237	#D3EDED
83.3%	83.3% #D6F3F6	RGB 214 243 246	#D6F3F6
100.0%	100.0% #DAFAFF	RGB 218 250 255	#DAFAFF

#C7D3C9 #CAD9D2 #CDE0DB #D0E6E4 #D3EDED #D6F3F6 #DAFAFF

#C7D3C9 - #DAFAFF

HSV Blend

#C7D3C9 - #DAFAFF | 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 #C7D3C9 as 0% and #DAFAFF as 100%.

0.0%	0.0% #C7D3C9	RGB 199 211 201	#C7D3C9
16.7%	16.7% #CADACF	RGB 202 218 207	#CADACF
33.3%	33.3% #CEE1D7	RGB 206 225 215	#CEE1D7
50.0%	50.0% #D1E9E0	RGB 209 233 224	#D1E9E0
66.7%	66.7% #D4F0EB	RGB 212 240 235	#D4F0EB
83.3%	83.3% #D7F7F6	RGB 215 247 246	#D7F7F6
100.0%	100.0% #DAFAFF	RGB 218 250 255	#DAFAFF

#C7D3C9 #CADACF #CEE1D7 #D1E9E0 #D4F0EB #D7F7F6 #DAFAFF

#C7D3C9 - #D1E9E0 - #DAFAFF

CSS codes

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

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