#D5D9E8 - #FFDFDF | 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 #D5D9E8 to #FFDFDF

#D5D9E8 #FFDFDF

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

#D5D9E8 - #FFDFDF | 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 #D5D9E8 as 0% and #FFDFDF as 100%.

0.0%	0.0% #D5D9E8	RGB 213 217 232	#D5D9E8
16.7%	16.7% #DCDAE6	RGB 220 218 230	#DCDAE6
33.3%	33.3% #E3DBE5	RGB 227 219 229	#E3DBE5
50.0%	50.0% #EADCE3	RGB 234 220 227	#EADCE3
66.7%	66.7% #F1DDE2	RGB 241 221 226	#F1DDE2
83.3%	83.3% #F8DEE0	RGB 248 222 224	#F8DEE0
100.0%	100.0% #FFDFDF	RGB 255 223 223	#FFDFDF

#D5D9E8 #DCDAE6 #E3DBE5 #EADCE3 #F1DDE2 #F8DEE0 #FFDFDF

#D5D9E8 - #FFDFDF

HSV Blend

#D5D9E8 - #FFDFDF | 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 #D5D9E8 as 0% and #FFDFDF as 100%.

0.0%	0.0% #D5D9E8	RGB 213 217 232	#D5D9E8
16.7%	16.7% #DAD6EB	RGB 218 214 235	#DAD6EB
33.3%	33.3% #E4D8EF	RGB 228 216 239	#E4D8EF
50.0%	50.0% #F0DAF3	RGB 240 218 243	#F0DAF3
66.7%	66.7% #F7DBF0	RGB 247 219 240	#F7DBF0
83.3%	83.3% #FBDDE8	RGB 251 221 232	#FBDDE8
100.0%	100.0% #FFDFDF	RGB 255 223 223	#FFDFDF

#D5D9E8 #DAD6EB #E4D8EF #F0DAF3 #F7DBF0 #FBDDE8 #FFDFDF

#D5D9E8 - #F0DAF3 - #FFDFDF

CSS codes

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

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