#D5E2EF - #FCF6FF | 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 #D5E2EF to #FCF6FF

#D5E2EF #FCF6FF

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

#D5E2EF - #FCF6FF | 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 #D5E2EF as 0% and #FCF6FF as 100%.

0.0%	0.0% #D5E2EF	RGB 213 226 239	#D5E2EF
16.7%	16.7% #DBE5F1	RGB 219 229 241	#DBE5F1
33.3%	33.3% #E2E8F4	RGB 226 232 244	#E2E8F4
50.0%	50.0% #E8ECF7	RGB 232 236 247	#E8ECF7
66.7%	66.7% #EFEFF9	RGB 239 239 249	#EFEFF9
83.3%	83.3% #F5F2FC	RGB 245 242 252	#F5F2FC
100.0%	100.0% #FCF6FF	RGB 252 246 255	#FCF6FF

#D5E2EF #DBE5F1 #E2E8F4 #E8ECF7 #EFEFF9 #F5F2FC #FCF6FF

#D5E2EF - #FCF6FF

HSV Blend

#D5E2EF - #FCF6FF | 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 #D5E2EF as 0% and #FCF6FF as 100%.

0.0%	0.0% #D5E2EF	RGB 213 226 239	#D5E2EF
16.7%	16.7% #DAE1F1	RGB 218 225 241	#DAE1F1
33.3%	33.3% #DFE2F4	RGB 223 226 244	#DFE2F4
50.0%	50.0% #E6E5F7	RGB 230 229 247	#E6E5F7
66.7%	66.7% #EEEAF9	RGB 238 234 249	#EEEAF9
83.3%	83.3% #F6F0FC	RGB 246 240 252	#F6F0FC
100.0%	100.0% #FCF6FF	RGB 252 246 255	#FCF6FF

#D5E2EF #DAE1F1 #DFE2F4 #E6E5F7 #EEEAF9 #F6F0FC #FCF6FF

#D5E2EF - #E6E5F7 - #FCF6FF

CSS codes

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

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