#E3E5FC - #DCECF6 | 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 #E3E5FC to #DCECF6

#E3E5FC #DCECF6

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

#E3E5FC - #DCECF6 | 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 #E3E5FC as 0% and #DCECF6 as 100%.

0.0%	0.0% #E3E5FC	RGB 227 229 252	#E3E5FC
16.7%	16.7% #E1E6FB	RGB 225 230 251	#E1E6FB
33.3%	33.3% #E0E7FA	RGB 224 231 250	#E0E7FA
50.0%	50.0% #DFE8F9	RGB 223 232 249	#DFE8F9
66.7%	66.7% #DEE9F8	RGB 222 233 248	#DEE9F8
83.3%	83.3% #DDEAF7	RGB 221 234 247	#DDEAF7
100.0%	100.0% #DCECF6	RGB 220 236 246	#DCECF6

#E3E5FC #E1E6FB #E0E7FA #DFE8F9 #DEE9F8 #DDEAF7 #DCECF6

#E3E5FC - #DCECF6

HSV Blend

#E3E5FC - #DCECF6 | 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 #E3E5FC as 0% and #DCECF6 as 100%.

0.0%	0.0% #E3E5FC	RGB 227 229 252	#E3E5FC
16.7%	16.7% #E1E6FB	RGB 225 230 251	#E1E6FB
33.3%	33.3% #E0E7FA	RGB 224 231 250	#E0E7FA
50.0%	50.0% #DFE8F9	RGB 223 232 249	#DFE8F9
66.7%	66.7% #DEE9F8	RGB 222 233 248	#DEE9F8
83.3%	83.3% #DDEAF7	RGB 221 234 247	#DDEAF7
100.0%	100.0% #DCECF6	RGB 220 236 246	#DCECF6

#E3E5FC #E1E6FB #E0E7FA #DFE8F9 #DEE9F8 #DDEAF7 #DCECF6

#E3E5FC - #DFE8F9 - #DCECF6

CSS codes

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

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