#D9CDEF - #FAE8FD | 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 #D9CDEF to #FAE8FD

#D9CDEF #FAE8FD

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

#D9CDEF - #FAE8FD | 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 #D9CDEF as 0% and #FAE8FD as 100%.

0.0%	0.0% #D9CDEF	RGB 217 205 239	#D9CDEF
16.7%	16.7% #DED1F1	RGB 222 209 241	#DED1F1
33.3%	33.3% #E4D6F3	RGB 228 214 243	#E4D6F3
50.0%	50.0% #E9DAF6	RGB 233 218 246	#E9DAF6
66.7%	66.7% #EFDFF8	RGB 239 223 248	#EFDFF8
83.3%	83.3% #F4E3FA	RGB 244 227 250	#F4E3FA
100.0%	100.0% #FAE8FD	RGB 250 232 253	#FAE8FD

#D9CDEF #DED1F1 #E4D6F3 #E9DAF6 #EFDFF8 #F4E3FA #FAE8FD

#D9CDEF - #FAE8FD

HSV Blend

#D9CDEF - #FAE8FD | 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 #D9CDEF as 0% and #FAE8FD as 100%.

0.0%	0.0% #D9CDEF	RGB 217 205 239	#D9CDEF
16.7%	16.7% #DFD1F1	RGB 223 209 241	#DFD1F1
33.3%	33.3% #E5D5F3	RGB 229 213 243	#E5D5F3
50.0%	50.0% #EBDAF6	RGB 235 218 246	#EBDAF6
66.7%	66.7% #F0DEF8	RGB 240 222 248	#F0DEF8
83.3%	83.3% #F5E3FA	RGB 245 227 250	#F5E3FA
100.0%	100.0% #FAE8FD	RGB 250 232 253	#FAE8FD

#D9CDEF #DFD1F1 #E5D5F3 #EBDAF6 #F0DEF8 #F5E3FA #FAE8FD

#D9CDEF - #EBDAF6 - #FAE8FD

CSS codes

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

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