#DCDAE5 - #FBF0FF | 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 #DCDAE5 to #FBF0FF

#DCDAE5 #FBF0FF

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

#DCDAE5 - #FBF0FF | 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 #DCDAE5 as 0% and #FBF0FF as 100%.

0.0%	0.0% #DCDAE5	RGB 220 218 229	#DCDAE5
16.7%	16.7% #E1DDE9	RGB 225 221 233	#E1DDE9
33.3%	33.3% #E6E1ED	RGB 230 225 237	#E6E1ED
50.0%	50.0% #EBE5F2	RGB 235 229 242	#EBE5F2
66.7%	66.7% #F0E8F6	RGB 240 232 246	#F0E8F6
83.3%	83.3% #F5ECFA	RGB 245 236 250	#F5ECFA
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#DCDAE5 #E1DDE9 #E6E1ED #EBE5F2 #F0E8F6 #F5ECFA #FBF0FF

#DCDAE5 - #FBF0FF

HSV Blend

#DCDAE5 - #FBF0FF | 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 #DCDAE5 as 0% and #FBF0FF as 100%.

0.0%	0.0% #DCDAE5	RGB 220 218 229	#DCDAE5
16.7%	16.7% #E0DDE9	RGB 224 221 233	#E0DDE9
33.3%	33.3% #E5E1ED	RGB 229 225 237	#E5E1ED
50.0%	50.0% #EAE5F2	RGB 234 229 242	#EAE5F2
66.7%	66.7% #F0E8F6	RGB 240 232 246	#F0E8F6
83.3%	83.3% #F5ECFA	RGB 245 236 250	#F5ECFA
100.0%	100.0% #FBF0FF	RGB 251 240 255	#FBF0FF

#DCDAE5 #E0DDE9 #E5E1ED #EAE5F2 #F0E8F6 #F5ECFA #FBF0FF

#DCDAE5 - #EAE5F2 - #FBF0FF

CSS codes

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

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