#D9D9F1 - #DBE8EC | 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 #D9D9F1 to #DBE8EC

#D9D9F1 #DBE8EC

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

#D9D9F1 - #DBE8EC | 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 #D9D9F1 as 0% and #DBE8EC as 100%.

0.0%	0.0% #D9D9F1	RGB 217 217 241	#D9D9F1
16.7%	16.7% #D9DBF0	RGB 217 219 240	#D9DBF0
33.3%	33.3% #D9DEEF	RGB 217 222 239	#D9DEEF
50.0%	50.0% #DAE0EE	RGB 218 224 238	#DAE0EE
66.7%	66.7% #DAE3ED	RGB 218 227 237	#DAE3ED
83.3%	83.3% #DAE5EC	RGB 218 229 236	#DAE5EC
100.0%	100.0% #DBE8EC	RGB 219 232 236	#DBE8EC

#D9D9F1 #D9DBF0 #D9DEEF #DAE0EE #DAE3ED #DAE5EC #DBE8EC

#D9D9F1 - #DBE8EC

HSV Blend

#D9D9F1 - #DBE8EC | 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 #D9D9F1 as 0% and #DBE8EC as 100%.

0.0%	0.0% #D9D9F1	RGB 217 217 241	#D9D9F1
16.7%	16.7% #D9DCF0	RGB 217 220 240	#D9DCF0
33.3%	33.3% #D9DFEF	RGB 217 223 239	#D9DFEF
50.0%	50.0% #DAE1EE	RGB 218 225 238	#DAE1EE
66.7%	66.7% #DAE4ED	RGB 218 228 237	#DAE4ED
83.3%	83.3% #DAE6EC	RGB 218 230 236	#DAE6EC
100.0%	100.0% #DBE8EC	RGB 219 232 236	#DBE8EC

#D9D9F1 #D9DCF0 #D9DFEF #DAE1EE #DAE4ED #DAE6EC #DBE8EC

#D9D9F1 - #DAE1EE - #DBE8EC

CSS codes

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

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