#DDEDF8 - #DAF2EC | 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 #DDEDF8 to #DAF2EC

#DDEDF8 #DAF2EC

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

#DDEDF8 - #DAF2EC | 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 #DDEDF8 as 0% and #DAF2EC as 100%.

0.0%	0.0% #DDEDF8	RGB 221 237 248	#DDEDF8
16.7%	16.7% #DCEDF6	RGB 220 237 246	#DCEDF6
33.3%	33.3% #DCEEF4	RGB 220 238 244	#DCEEF4
50.0%	50.0% #DBEFF2	RGB 219 239 242	#DBEFF2
66.7%	66.7% #DBF0F0	RGB 219 240 240	#DBF0F0
83.3%	83.3% #DAF1EE	RGB 218 241 238	#DAF1EE
100.0%	100.0% #DAF2EC	RGB 218 242 236	#DAF2EC

#DDEDF8 #DCEDF6 #DCEEF4 #DBEFF2 #DBF0F0 #DAF1EE #DAF2EC

#DDEDF8 - #DAF2EC

HSV Blend

#DDEDF8 - #DAF2EC | 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 #DDEDF8 as 0% and #DAF2EC as 100%.

0.0%	0.0% #DDEDF8	RGB 221 237 248	#DDEDF8
16.7%	16.7% #DCEFF7	RGB 220 239 247	#DCEFF7
33.3%	33.3% #DCF1F6	RGB 220 241 246	#DCF1F6
50.0%	50.0% #DBF2F5	RGB 219 242 245	#DBF2F5
66.7%	66.7% #DBF4F3	RGB 219 244 243	#DBF4F3
83.3%	83.3% #DAF3EF	RGB 218 243 239	#DAF3EF
100.0%	100.0% #DAF2EC	RGB 218 242 236	#DAF2EC

#DDEDF8 #DCEFF7 #DCF1F6 #DBF2F5 #DBF4F3 #DAF3EF #DAF2EC

#DDEDF8 - #DBF2F5 - #DAF2EC

CSS codes

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

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