#DBD0EC - #FAE9FE | 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 #DBD0EC to #FAE9FE

#DBD0EC #FAE9FE

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

#DBD0EC - #FAE9FE | 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 #DBD0EC as 0% and #FAE9FE as 100%.

0.0%	0.0% #DBD0EC	RGB 219 208 236	#DBD0EC
16.7%	16.7% #E0D4EF	RGB 224 212 239	#E0D4EF
33.3%	33.3% #E5D8F2	RGB 229 216 242	#E5D8F2
50.0%	50.0% #EADCF5	RGB 234 220 245	#EADCF5
66.7%	66.7% #EFE0F8	RGB 239 224 248	#EFE0F8
83.3%	83.3% #F4E4FB	RGB 244 228 251	#F4E4FB
100.0%	100.0% #FAE9FE	RGB 250 233 254	#FAE9FE

#DBD0EC #E0D4EF #E5D8F2 #EADCF5 #EFE0F8 #F4E4FB #FAE9FE

#DBD0EC - #FAE9FE

HSV Blend

#DBD0EC - #FAE9FE | 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 #DBD0EC as 0% and #FAE9FE as 100%.

0.0%	0.0% #DBD0EC	RGB 219 208 236	#DBD0EC
16.7%	16.7% #E0D4EF	RGB 224 212 239	#E0D4EF
33.3%	33.3% #E5D8F2	RGB 229 216 242	#E5D8F2
50.0%	50.0% #EBDCF5	RGB 235 220 245	#EBDCF5
66.7%	66.7% #F0E0F8	RGB 240 224 248	#F0E0F8
83.3%	83.3% #F5E4FB	RGB 245 228 251	#F5E4FB
100.0%	100.0% #FAE9FE	RGB 250 233 254	#FAE9FE

#DBD0EC #E0D4EF #E5D8F2 #EBDCF5 #F0E0F8 #F5E4FB #FAE9FE

#DBD0EC - #EBDCF5 - #FAE9FE

CSS codes

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

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