#D5E1E7 - #FFDBFB | 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 #D5E1E7 to #FFDBFB

#D5E1E7 #FFDBFB

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

#D5E1E7 - #FFDBFB | 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 #D5E1E7 as 0% and #FFDBFB as 100%.

0.0%	0.0% #D5E1E7	RGB 213 225 231	#D5E1E7
16.7%	16.7% #DCE0EA	RGB 220 224 234	#DCE0EA
33.3%	33.3% #E3DFED	RGB 227 223 237	#E3DFED
50.0%	50.0% #EADEF1	RGB 234 222 241	#EADEF1
66.7%	66.7% #F1DDF4	RGB 241 221 244	#F1DDF4
83.3%	83.3% #F8DCF7	RGB 248 220 247	#F8DCF7
100.0%	100.0% #FFDBFB	RGB 255 219 251	#FFDBFB

#D5E1E7 #DCE0EA #E3DFED #EADEF1 #F1DDF4 #F8DCF7 #FFDBFB

#D5E1E7 - #FFDBFB

HSV Blend

#D5E1E7 - #FFDBFB | 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 #D5E1E7 as 0% and #FFDBFB as 100%.

0.0%	0.0% #D5E1E7	RGB 213 225 231	#D5E1E7
16.7%	16.7% #D6DDEB	RGB 214 221 235	#D6DDEB
33.3%	33.3% #D7D9EF	RGB 215 217 239	#D7D9EF
50.0%	50.0% #DED8F3	RGB 222 216 243	#DED8F3
66.7%	66.7% #E8D9F7	RGB 232 217 247	#E8D9F7
83.3%	83.3% #F4DAFB	RGB 244 218 251	#F4DAFB
100.0%	100.0% #FFDBFB	RGB 255 219 251	#FFDBFB

#D5E1E7 #D6DDEB #D7D9EF #DED8F3 #E8D9F7 #F4DAFB #FFDBFB

#D5E1E7 - #DED8F3 - #FFDBFB

CSS codes

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

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