#DADEE2 - #EEEFFF | 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 #DADEE2 to #EEEFFF

#DADEE2 #EEEFFF

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

#DADEE2 - #EEEFFF | 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 #DADEE2 as 0% and #EEEFFF as 100%.

0.0%	0.0% #DADEE2	RGB 218 222 226	#DADEE2
16.7%	16.7% #DDE0E6	RGB 221 224 230	#DDE0E6
33.3%	33.3% #E0E3EB	RGB 224 227 235	#E0E3EB
50.0%	50.0% #E4E6F0	RGB 228 230 240	#E4E6F0
66.7%	66.7% #E7E9F5	RGB 231 233 245	#E7E9F5
83.3%	83.3% #EAECFA	RGB 234 236 250	#EAECFA
100.0%	100.0% #EEEFFF	RGB 238 239 255	#EEEFFF

#DADEE2 #DDE0E6 #E0E3EB #E4E6F0 #E7E9F5 #EAECFA #EEEFFF

#DADEE2 - #EEEFFF

HSV Blend

#DADEE2 - #EEEFFF | 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 #DADEE2 as 0% and #EEEFFF as 100%.

0.0%	0.0% #DADEE2	RGB 218 222 226	#DADEE2
16.7%	16.7% #DDE1E6	RGB 221 225 230	#DDE1E6
33.3%	33.3% #E0E4EB	RGB 224 228 235	#E0E4EB
50.0%	50.0% #E4E7F0	RGB 228 231 240	#E4E7F0
66.7%	66.7% #E7EAF5	RGB 231 234 245	#E7EAF5
83.3%	83.3% #EAECFA	RGB 234 236 250	#EAECFA
100.0%	100.0% #EEEFFF	RGB 238 239 255	#EEEFFF

#DADEE2 #DDE1E6 #E0E4EB #E4E7F0 #E7EAF5 #EAECFA #EEEFFF

#DADEE2 - #E4E7F0 - #EEEFFF

CSS codes

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

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