#DDF3FD - #EAEDFB | 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 #DDF3FD to #EAEDFB

#DDF3FD #EAEDFB

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

#DDF3FD - #EAEDFB | 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 #DDF3FD as 0% and #EAEDFB as 100%.

0.0%	0.0% #DDF3FD	RGB 221 243 253	#DDF3FD
16.7%	16.7% #DFF2FC	RGB 223 242 252	#DFF2FC
33.3%	33.3% #E1F1FC	RGB 225 241 252	#E1F1FC
50.0%	50.0% #E3F0FC	RGB 227 240 252	#E3F0FC
66.7%	66.7% #E5EFFB	RGB 229 239 251	#E5EFFB
83.3%	83.3% #E7EEFB	RGB 231 238 251	#E7EEFB
100.0%	100.0% #EAEDFB	RGB 234 237 251	#EAEDFB

#DDF3FD #DFF2FC #E1F1FC #E3F0FC #E5EFFB #E7EEFB #EAEDFB

#DDF3FD - #EAEDFB

HSV Blend

#DDF3FD - #EAEDFB | 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 #DDF3FD as 0% and #EAEDFB as 100%.

0.0%	0.0% #DDF3FD	RGB 221 243 253	#DDF3FD
16.7%	16.7% #DFF0FC	RGB 223 240 252	#DFF0FC
33.3%	33.3% #E1EFFC	RGB 225 239 252	#E1EFFC
50.0%	50.0% #E3EEFC	RGB 227 238 252	#E3EEFC
66.7%	66.7% #E5EDFB	RGB 229 237 251	#E5EDFB
83.3%	83.3% #E7ECFB	RGB 231 236 251	#E7ECFB
100.0%	100.0% #EAEDFB	RGB 234 237 251	#EAEDFB

#DDF3FD #DFF0FC #E1EFFC #E3EEFC #E5EDFB #E7ECFB #EAEDFB

#DDF3FD - #E3EEFC - #EAEDFB

CSS codes

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

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