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

#DADAE2 #FAF2FF

Calculate the color between two colors, #DADAE2 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)

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

0.0%	0.0% #DADAE2	RGB 218 218 226	#DADAE2
16.7%	16.7% #DFDEE6	RGB 223 222 230	#DFDEE6
33.3%	33.3% #E4E2EB	RGB 228 226 235	#E4E2EB
50.0%	50.0% #EAE6F0	RGB 234 230 240	#EAE6F0
66.7%	66.7% #EFEAF5	RGB 239 234 245	#EFEAF5
83.3%	83.3% #F4EEFA	RGB 244 238 250	#F4EEFA
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DADAE2 #DFDEE6 #E4E2EB #EAE6F0 #EFEAF5 #F4EEFA #FAF2FF

#DADAE2 - #FAF2FF

HSV Blend

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

0.0%	0.0% #DADAE2	RGB 218 218 226	#DADAE2
16.7%	16.7% #DEDEE6	RGB 222 222 230	#DEDEE6
33.3%	33.3% #E4E2EB	RGB 228 226 235	#E4E2EB
50.0%	50.0% #E9E6F0	RGB 233 230 240	#E9E6F0
66.7%	66.7% #EEEAF5	RGB 238 234 245	#EEEAF5
83.3%	83.3% #F4EEFA	RGB 244 238 250	#F4EEFA
100.0%	100.0% #FAF2FF	RGB 250 242 255	#FAF2FF

#DADAE2 #DEDEE6 #E4E2EB #E9E6F0 #EEEAF5 #F4EEFA #FAF2FF

#DADAE2 - #E9E6F0 - #FAF2FF

CSS codes

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

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