#D6DAE7 - #EDECF0 | 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 #D6DAE7 to #EDECF0

#D6DAE7 #EDECF0

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

#D6DAE7 - #EDECF0 | 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 #D6DAE7 as 0% and #EDECF0 as 100%.

0.0%	0.0% #D6DAE7	RGB 214 218 231	#D6DAE7
16.7%	16.7% #D9DDE8	RGB 217 221 232	#D9DDE8
33.3%	33.3% #DDE0EA	RGB 221 224 234	#DDE0EA
50.0%	50.0% #E1E3EB	RGB 225 227 235	#E1E3EB
66.7%	66.7% #E5E6ED	RGB 229 230 237	#E5E6ED
83.3%	83.3% #E9E9EE	RGB 233 233 238	#E9E9EE
100.0%	100.0% #EDECF0	RGB 237 236 240	#EDECF0

#D6DAE7 #D9DDE8 #DDE0EA #E1E3EB #E5E6ED #E9E9EE #EDECF0

#D6DAE7 - #EDECF0

HSV Blend

#D6DAE7 - #EDECF0 | 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 #D6DAE7 as 0% and #EDECF0 as 100%.

0.0%	0.0% #D6DAE7	RGB 214 218 231	#D6DAE7
16.7%	16.7% #D9DBE8	RGB 217 219 232	#D9DBE8
33.3%	33.3% #DDDEEA	RGB 221 222 234	#DDDEEA
50.0%	50.0% #E0E0EB	RGB 224 224 235	#E0E0EB
66.7%	66.7% #E5E4ED	RGB 229 228 237	#E5E4ED
83.3%	83.3% #E9E8EE	RGB 233 232 238	#E9E8EE
100.0%	100.0% #EDECF0	RGB 237 236 240	#EDECF0

#D6DAE7 #D9DBE8 #DDDEEA #E0E0EB #E5E4ED #E9E8EE #EDECF0

#D6DAE7 - #E0E0EB - #EDECF0

CSS codes

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

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