#D5E1E3 - #FFD8FA | 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 #D5E1E3 to #FFD8FA

#D5E1E3 #FFD8FA

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

#D5E1E3 - #FFD8FA | 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 #D5E1E3 as 0% and #FFD8FA as 100%.

0.0%	0.0% #D5E1E3	RGB 213 225 227	#D5E1E3
16.7%	16.7% #DCDFE6	RGB 220 223 230	#DCDFE6
33.3%	33.3% #E3DEEA	RGB 227 222 234	#E3DEEA
50.0%	50.0% #EADCEE	RGB 234 220 238	#EADCEE
66.7%	66.7% #F1DBF2	RGB 241 219 242	#F1DBF2
83.3%	83.3% #F8D9F6	RGB 248 217 246	#F8D9F6
100.0%	100.0% #FFD8FA	RGB 255 216 250	#FFD8FA

#D5E1E3 #DCDFE6 #E3DEEA #EADCEE #F1DBF2 #F8D9F6 #FFD8FA

#D5E1E3 - #FFD8FA

HSV Blend

#D5E1E3 - #FFD8FA | 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 #D5E1E3 as 0% and #FFD8FA as 100%.

0.0%	0.0% #D5E1E3	RGB 213 225 227	#D5E1E3
16.7%	16.7% #D5DFE7	RGB 213 223 231	#D5DFE7
33.3%	33.3% #D6DAEC	RGB 214 218 236	#D6DAEC
50.0%	50.0% #DAD7F1	RGB 218 215 241	#DAD7F1
66.7%	66.7% #E5D7F5	RGB 229 215 245	#E5D7F5
83.3%	83.3% #F3D7FA	RGB 243 215 250	#F3D7FA
100.0%	100.0% #FFD8FA	RGB 255 216 250	#FFD8FA

#D5E1E3 #D5DFE7 #D6DAEC #DAD7F1 #E5D7F5 #F3D7FA #FFD8FA

#D5E1E3 - #DAD7F1 - #FFD8FA

CSS codes

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

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