#CDD9D7 - #DAEBFF | 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 #CDD9D7 to #DAEBFF

#CDD9D7 #DAEBFF

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

#CDD9D7 - #DAEBFF | 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 #CDD9D7 as 0% and #DAEBFF as 100%.

0.0%	0.0% #CDD9D7	RGB 205 217 215	#CDD9D7
16.7%	16.7% #CFDCDD	RGB 207 220 221	#CFDCDD
33.3%	33.3% #D1DFE4	RGB 209 223 228	#D1DFE4
50.0%	50.0% #D3E2EB	RGB 211 226 235	#D3E2EB
66.7%	66.7% #D5E5F1	RGB 213 229 241	#D5E5F1
83.3%	83.3% #D7E8F8	RGB 215 232 248	#D7E8F8
100.0%	100.0% #DAEBFF	RGB 218 235 255	#DAEBFF

#CDD9D7 #CFDCDD #D1DFE4 #D3E2EB #D5E5F1 #D7E8F8 #DAEBFF

#CDD9D7 - #DAEBFF

HSV Blend

#CDD9D7 - #DAEBFF | 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 #CDD9D7 as 0% and #DAEBFF as 100%.

0.0%	0.0% #CDD9D7	RGB 205 217 215	#CDD9D7
16.7%	16.7% #CFDFDE	RGB 207 223 222	#CFDFDE
33.3%	33.3% #D2E4E5	RGB 210 228 229	#D2E4E5
50.0%	50.0% #D4E7EC	RGB 212 231 236	#D4E7EC
66.7%	66.7% #D6E9F2	RGB 214 233 242	#D6E9F2
83.3%	83.3% #D8EAF8	RGB 216 234 248	#D8EAF8
100.0%	100.0% #DAEBFF	RGB 218 235 255	#DAEBFF

#CDD9D7 #CFDFDE #D2E4E5 #D4E7EC #D6E9F2 #D8EAF8 #DAEBFF

#CDD9D7 - #D4E7EC - #DAEBFF

CSS codes

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

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