#DCDCE0 - #FAF2FF | 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 #DCDCE0 to #FAF2FF

#DCDCE0 #FAF2FF

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

#DCDCE0 - #FAF2FF | 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 #DCDCE0 as 0% and #FAF2FF as 100%.

0.0%	0.0% #DCDCE0	RGB 220 220 224	#DCDCE0
16.7%	16.7% #E1DFE5	RGB 225 223 229	#E1DFE5
33.3%	33.3% #E6E3EA	RGB 230 227 234	#E6E3EA
50.0%	50.0% #EBE7EF	RGB 235 231 239	#EBE7EF
66.7%	66.7% #F0EAF4	RGB 240 234 244	#F0EAF4
83.3%	83.3% #F5EEF9	RGB 245 238 249	#F5EEF9
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DCDCE0 #E1DFE5 #E6E3EA #EBE7EF #F0EAF4 #F5EEF9 #FAF2FF

#DCDCE0 - #FAF2FF

HSV Blend

#DCDCE0 - #FAF2FF | 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 #DCDCE0 as 0% and #FAF2FF as 100%.

0.0%	0.0% #DCDCE0	RGB 220 220 224	#DCDCE0
16.7%	16.7% #E0DFE5	RGB 224 223 229	#E0DFE5
33.3%	33.3% #E4E3EA	RGB 228 227 234	#E4E3EA
50.0%	50.0% #E9E7EF	RGB 233 231 239	#E9E7EF
66.7%	66.7% #EEEAF4	RGB 238 234 244	#EEEAF4
83.3%	83.3% #F4EEF9	RGB 244 238 249	#F4EEF9
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DCDCE0 #E0DFE5 #E4E3EA #E9E7EF #EEEAF4 #F4EEF9 #FAF2FF

#DCDCE0 - #E9E7EF - #FAF2FF

CSS codes

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

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