#D5E2F3 - #FDF6FF | 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 #D5E2F3 to #FDF6FF

#D5E2F3 #FDF6FF

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

#D5E2F3 - #FDF6FF | 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 #D5E2F3 as 0% and #FDF6FF as 100%.

0.0%	0.0% #D5E2F3	RGB 213 226 243	#D5E2F3
16.7%	16.7% #DBE5F5	RGB 219 229 245	#DBE5F5
33.3%	33.3% #E2E8F7	RGB 226 232 247	#E2E8F7
50.0%	50.0% #E9ECF9	RGB 233 236 249	#E9ECF9
66.7%	66.7% #EFEFFB	RGB 239 239 251	#EFEFFB
83.3%	83.3% #F6F2FD	RGB 246 242 253	#F6F2FD
100.0%	100.0% #FDF6FF	RGB 253 246 255	#FDF6FF

#D5E2F3 #DBE5F5 #E2E8F7 #E9ECF9 #EFEFFB #F6F2FD #FDF6FF

#D5E2F3 - #FDF6FF

HSV Blend

#D5E2F3 - #FDF6FF | 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 #D5E2F3 as 0% and #FDF6FF as 100%.

0.0%	0.0% #D5E2F3	RGB 213 226 243	#D5E2F3
16.7%	16.7% #DAE0F5	RGB 218 224 245	#DAE0F5
33.3%	33.3% #DFE0F7	RGB 223 224 247	#DFE0F7
50.0%	50.0% #E8E5F9	RGB 232 229 249	#E8E5F9
66.7%	66.7% #F0EAFB	RGB 240 234 251	#F0EAFB
83.3%	83.3% #F7F0FD	RGB 247 240 253	#F7F0FD
100.0%	100.0% #FDF6FF	RGB 253 246 255	#FDF6FF

#D5E2F3 #DAE0F5 #DFE0F7 #E8E5F9 #F0EAFB #F7F0FD #FDF6FF

#D5E2F3 - #E8E5F9 - #FDF6FF

CSS codes

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

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