#D3D7D9 - #E6F0FF | 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 #D3D7D9 to #E6F0FF

#D3D7D9 #E6F0FF

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

#D3D7D9 - #E6F0FF | 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 #D3D7D9 as 0% and #E6F0FF as 100%.

0.0%	0.0% #D3D7D9	RGB 211 215 217	#D3D7D9
16.7%	16.7% #D6DBDF	RGB 214 219 223	#D6DBDF
33.3%	33.3% #D9DFE5	RGB 217 223 229	#D9DFE5
50.0%	50.0% #DCE3EC	RGB 220 227 236	#DCE3EC
66.7%	66.7% #DFE7F2	RGB 223 231 242	#DFE7F2
83.3%	83.3% #E2EBF8	RGB 226 235 248	#E2EBF8
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#D3D7D9 #D6DBDF #D9DFE5 #DCE3EC #DFE7F2 #E2EBF8 #E6F0FF

#D3D7D9 - #E6F0FF

HSV Blend

#D3D7D9 - #E6F0FF | 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 #D3D7D9 as 0% and #E6F0FF as 100%.

0.0%	0.0% #D3D7D9	RGB 211 215 217	#D3D7D9
16.7%	16.7% #D6DCDF	RGB 214 220 223	#D6DCDF
33.3%	33.3% #D9E0E5	RGB 217 224 229	#D9E0E5
50.0%	50.0% #DDE5EC	RGB 221 229 236	#DDE5EC
66.7%	66.7% #E0E9F2	RGB 224 233 242	#E0E9F2
83.3%	83.3% #E3ECF8	RGB 227 236 248	#E3ECF8
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#D3D7D9 #D6DCDF #D9E0E5 #DDE5EC #E0E9F2 #E3ECF8 #E6F0FF

#D3D7D9 - #DDE5EC - #E6F0FF

CSS codes

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

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