#DCF0FD - #E8EDFA | 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 #DCF0FD to #E8EDFA

#DCF0FD #E8EDFA

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

#DCF0FD - #E8EDFA | 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 #DCF0FD as 0% and #E8EDFA as 100%.

0.0%	0.0% #DCF0FD	RGB 220 240 253	#DCF0FD
16.7%	16.7% #DEEFFC	RGB 222 239 252	#DEEFFC
33.3%	33.3% #E0EFFC	RGB 224 239 252	#E0EFFC
50.0%	50.0% #E2EEFB	RGB 226 238 251	#E2EEFB
66.7%	66.7% #E4EEFB	RGB 228 238 251	#E4EEFB
83.3%	83.3% #E6EDFA	RGB 230 237 250	#E6EDFA
100.0%	100.0% #E8EDFA	RGB 232 237 250	#E8EDFA

#DCF0FD #DEEFFC #E0EFFC #E2EEFB #E4EEFB #E6EDFA #E8EDFA

#DCF0FD - #E8EDFA

HSV Blend

#DCF0FD - #E8EDFA | 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 #DCF0FD as 0% and #E8EDFA as 100%.

0.0%	0.0% #DCF0FD	RGB 220 240 253	#DCF0FD
16.7%	16.7% #DEEEFC	RGB 222 238 252	#DEEEFC
33.3%	33.3% #E0EDFC	RGB 224 237 252	#E0EDFC
50.0%	50.0% #E2EDFB	RGB 226 237 251	#E2EDFB
66.7%	66.7% #E4ECFB	RGB 228 236 251	#E4ECFB
83.3%	83.3% #E6ECFA	RGB 230 236 250	#E6ECFA
100.0%	100.0% #E8EDFA	RGB 232 237 250	#E8EDFA

#DCF0FD #DEEEFC #E0EDFC #E2EDFB #E4ECFB #E6ECFA #E8EDFA

#DCF0FD - #E2EDFB - #E8EDFA

CSS codes

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

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