#EBEEFF - #DEEEFB | 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 #EBEEFF to #DEEEFB

#EBEEFF #DEEEFB

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

#EBEEFF - #DEEEFB | 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 #EBEEFF as 0% and #DEEEFB as 100%.

0.0%	0.0% #EBEEFF	RGB 235 238 255	#EBEEFF
16.7%	16.7% #E8EEFE	RGB 232 238 254	#E8EEFE
33.3%	33.3% #E6EEFD	RGB 230 238 253	#E6EEFD
50.0%	50.0% #E4EEFD	RGB 228 238 253	#E4EEFD
66.7%	66.7% #E2EEFC	RGB 226 238 252	#E2EEFC
83.3%	83.3% #E0EEFB	RGB 224 238 251	#E0EEFB
100.0%	100.0% #DEEEFB	RGB 222 238 251	#DEEEFB

#EBEEFF #E8EEFE #E6EEFD #E4EEFD #E2EEFC #E0EEFB #DEEEFB

#EBEEFF - #DEEEFB

HSV Blend

#EBEEFF - #DEEEFB | 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 #EBEEFF as 0% and #DEEEFB as 100%.

0.0%	0.0% #EBEEFF	RGB 235 238 255	#EBEEFF
16.7%	16.7% #E8EDFE	RGB 232 237 254	#E8EDFE
33.3%	33.3% #E6EDFD	RGB 230 237 253	#E6EDFD
50.0%	50.0% #E4EDFD	RGB 228 237 253	#E4EDFD
66.7%	66.7% #E2EDFC	RGB 226 237 252	#E2EDFC
83.3%	83.3% #E0EDFB	RGB 224 237 251	#E0EDFB
100.0%	100.0% #DEEEFB	RGB 222 238 251	#DEEEFB

#EBEEFF #E8EDFE #E6EDFD #E4EDFD #E2EDFC #E0EDFB #DEEEFB

#EBEEFF - #E4EDFD - #DEEEFB

CSS codes

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

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