#DCDCE2 - #FBF3FF | 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 #DCDCE2 to #FBF3FF

#DCDCE2 #FBF3FF

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

#DCDCE2 - #FBF3FF | 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 #DCDCE2 as 0% and #FBF3FF as 100%.

0.0%	0.0% #DCDCE2	RGB 220 220 226	#DCDCE2
16.7%	16.7% #E1DFE6	RGB 225 223 230	#E1DFE6
33.3%	33.3% #E6E3EB	RGB 230 227 235	#E6E3EB
50.0%	50.0% #EBE7F0	RGB 235 231 240	#EBE7F0
66.7%	66.7% #F0EBF5	RGB 240 235 245	#F0EBF5
83.3%	83.3% #F5EFFA	RGB 245 239 250	#F5EFFA
100.0%	100.0% #FBF3FF	RGB 251 243 255	#FBF3FF

#DCDCE2 #E1DFE6 #E6E3EB #EBE7F0 #F0EBF5 #F5EFFA #FBF3FF

#DCDCE2 - #FBF3FF

HSV Blend

#DCDCE2 - #FBF3FF | 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 #DCDCE2 as 0% and #FBF3FF as 100%.

0.0%	0.0% #DCDCE2	RGB 220 220 226	#DCDCE2
16.7%	16.7% #E0DFE6	RGB 224 223 230	#E0DFE6
33.3%	33.3% #E5E3EB	RGB 229 227 235	#E5E3EB
50.0%	50.0% #EAE7F0	RGB 234 231 240	#EAE7F0
66.7%	66.7% #EFEBF5	RGB 239 235 245	#EFEBF5
83.3%	83.3% #F5EFFA	RGB 245 239 250	#F5EFFA
100.0%	100.0% #FBF3FF	RGB 251 243 255	#FBF3FF

#DCDCE2 #E0DFE6 #E5E3EB #EAE7F0 #EFEBF5 #F5EFFA #FBF3FF

#DCDCE2 - #EAE7F0 - #FBF3FF

CSS codes

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

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