#DDEDF1 - #FFE5FC | 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 #DDEDF1 to #FFE5FC

#DDEDF1 #FFE5FC

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

#DDEDF1 - #FFE5FC | 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 #DDEDF1 as 0% and #FFE5FC as 100%.

0.0%	0.0% #DDEDF1	RGB 221 237 241	#DDEDF1
16.7%	16.7% #E2EBF2	RGB 226 235 242	#E2EBF2
33.3%	33.3% #E8EAF4	RGB 232 234 244	#E8EAF4
50.0%	50.0% #EEE9F6	RGB 238 233 246	#EEE9F6
66.7%	66.7% #F3E7F8	RGB 243 231 248	#F3E7F8
83.3%	83.3% #F9E6FA	RGB 249 230 250	#F9E6FA
100.0%	100.0% #FFE5FC	RGB 255 229 252	#FFE5FC

#DDEDF1 #E2EBF2 #E8EAF4 #EEE9F6 #F3E7F8 #F9E6FA #FFE5FC

#DDEDF1 - #FFE5FC

HSV Blend

#DDEDF1 - #FFE5FC | 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 #DDEDF1 as 0% and #FFE5FC as 100%.

0.0%	0.0% #DDEDF1	RGB 221 237 241	#DDEDF1
16.7%	16.7% #DEE8F3	RGB 222 232 243	#DEE8F3
33.3%	33.3% #DFE3F5	RGB 223 227 245	#DFE3F5
50.0%	50.0% #E4E1F8	RGB 228 225 248	#E4E1F8
66.7%	66.7% #EDE2FA	RGB 237 226 250	#EDE2FA
83.3%	83.3% #F7E3FC	RGB 247 227 252	#F7E3FC
100.0%	100.0% #FFE5FC	RGB 255 229 252	#FFE5FC

#DDEDF1 #DEE8F3 #DFE3F5 #E4E1F8 #EDE2FA #F7E3FC #FFE5FC

#DDEDF1 - #E4E1F8 - #FFE5FC

CSS codes

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

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