#D9DFE5 - #DCF0EE | 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 #D9DFE5 to #DCF0EE

#D9DFE5 #DCF0EE

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

#D9DFE5 - #DCF0EE | 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 #D9DFE5 as 0% and #DCF0EE as 100%.

0.0%	0.0% #D9DFE5	RGB 217 223 229	#D9DFE5
16.7%	16.7% #D9E1E6	RGB 217 225 230	#D9E1E6
33.3%	33.3% #DAE4E8	RGB 218 228 232	#DAE4E8
50.0%	50.0% #DAE7E9	RGB 218 231 233	#DAE7E9
66.7%	66.7% #DBEAEB	RGB 219 234 235	#DBEAEB
83.3%	83.3% #DBEDEC	RGB 219 237 236	#DBEDEC
100.0%	100.0% #DCF0EE	RGB 220 240 238	#DCF0EE

#D9DFE5 #D9E1E6 #DAE4E8 #DAE7E9 #DBEAEB #DBEDEC #DCF0EE

#D9DFE5 - #DCF0EE

HSV Blend

#D9DFE5 - #DCF0EE | 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 #D9DFE5 as 0% and #DCF0EE as 100%.

0.0%	0.0% #D9DFE5	RGB 217 223 229	#D9DFE5
16.7%	16.7% #D9E1E6	RGB 217 225 230	#D9E1E6
33.3%	33.3% #DAE4E8	RGB 218 228 232	#DAE4E8
50.0%	50.0% #DAE7EA	RGB 218 231 234	#DAE7EA
66.7%	66.7% #DBEAEC	RGB 219 234 236	#DBEAEC
83.3%	83.3% #DBEEEE	RGB 219 238 238	#DBEEEE
100.0%	100.0% #DCF0EE	RGB 220 240 238	#DCF0EE

#D9DFE5 #D9E1E6 #DAE4E8 #DAE7EA #DBEAEC #DBEEEE #DCF0EE

#D9DFE5 - #DAE7EA - #DCF0EE

CSS codes

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

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