#D2D3DA - #DBE6F0 | 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 #D2D3DA to #DBE6F0

#D2D3DA #DBE6F0

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

#D2D3DA - #DBE6F0 | 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 #D2D3DA as 0% and #DBE6F0 as 100%.

0.0%	0.0% #D2D3DA	RGB 210 211 218	#D2D3DA
16.7%	16.7% #D3D6DD	RGB 211 214 221	#D3D6DD
33.3%	33.3% #D5D9E1	RGB 213 217 225	#D5D9E1
50.0%	50.0% #D6DCE5	RGB 214 220 229	#D6DCE5
66.7%	66.7% #D8DFE8	RGB 216 223 232	#D8DFE8
83.3%	83.3% #D9E2EC	RGB 217 226 236	#D9E2EC
100.0%	100.0% #DBE6F0	RGB 219 230 240	#DBE6F0

#D2D3DA #D3D6DD #D5D9E1 #D6DCE5 #D8DFE8 #D9E2EC #DBE6F0

#D2D3DA - #DBE6F0

HSV Blend

#D2D3DA - #DBE6F0 | 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 #D2D3DA as 0% and #DBE6F0 as 100%.

0.0%	0.0% #D2D3DA	RGB 210 211 218	#D2D3DA
16.7%	16.7% #D3D5DD	RGB 211 213 221	#D3D5DD
33.3%	33.3% #D5D8E1	RGB 213 216 225	#D5D8E1
50.0%	50.0% #D6DBE5	RGB 214 219 229	#D6DBE5
66.7%	66.7% #D8DEE8	RGB 216 222 232	#D8DEE8
83.3%	83.3% #D9E2EC	RGB 217 226 236	#D9E2EC
100.0%	100.0% #DBE6F0	RGB 219 230 240	#DBE6F0

#D2D3DA #D3D5DD #D5D8E1 #D6DBE5 #D8DEE8 #D9E2EC #DBE6F0

#D2D3DA - #D6DBE5 - #DBE6F0

CSS codes

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

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