#D3E2E4 - #FFDAFB | 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 #D3E2E4 to #FFDAFB

#D3E2E4 #FFDAFB

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

#D3E2E4 - #FFDAFB | 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 #D3E2E4 as 0% and #FFDAFB as 100%.

0.0%	0.0% #D3E2E4	RGB 211 226 228	#D3E2E4
16.7%	16.7% #DAE0E7	RGB 218 224 231	#DAE0E7
33.3%	33.3% #E1DFEB	RGB 225 223 235	#E1DFEB
50.0%	50.0% #E9DEEF	RGB 233 222 239	#E9DEEF
66.7%	66.7% #F0DCF3	RGB 240 220 243	#F0DCF3
83.3%	83.3% #F7DBF7	RGB 247 219 247	#F7DBF7
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#D3E2E4 #DAE0E7 #E1DFEB #E9DEEF #F0DCF3 #F7DBF7 #FFDAFB

#D3E2E4 - #FFDAFB

HSV Blend

#D3E2E4 - #FFDAFB | 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 #D3E2E4 as 0% and #FFDAFB as 100%.

0.0%	0.0% #D3E2E4	RGB 211 226 228	#D3E2E4
16.7%	16.7% #D4DFE8	RGB 212 223 232	#D4DFE8
33.3%	33.3% #D5DAED	RGB 213 218 237	#D5DAED
50.0%	50.0% #D9D6F1	RGB 217 214 241	#D9D6F1
66.7%	66.7% #E5D8F6	RGB 229 216 246	#E5D8F6
83.3%	83.3% #F3D9FA	RGB 243 217 250	#F3D9FA
100.0%	100.0% #FFDAFB	RGB 255 218 251	#FFDAFB

#D3E2E4 #D4DFE8 #D5DAED #D9D6F1 #E5D8F6 #F3D9FA #FFDAFB

#D3E2E4 - #D9D6F1 - #FFDAFB

CSS codes

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

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