#ECEDFE - #C8CDED | 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 #ECEDFE to #C8CDED

#ECEDFE #C8CDED

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

#ECEDFE - #C8CDED | 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 #ECEDFE as 0% and #C8CDED as 100%.

0.0%	0.0% #ECEDFE	RGB 236 237 254	#ECEDFE
16.7%	16.7% #E6E7FB	RGB 230 231 251	#E6E7FB
33.3%	33.3% #E0E2F8	RGB 224 226 248	#E0E2F8
50.0%	50.0% #DADDF5	RGB 218 221 245	#DADDF5
66.7%	66.7% #D4D7F2	RGB 212 215 242	#D4D7F2
83.3%	83.3% #CED2EF	RGB 206 210 239	#CED2EF
100.0%	100.0% #C8CDED	RGB 200 205 237	#C8CDED

#ECEDFE #E6E7FB #E0E2F8 #DADDF5 #D4D7F2 #CED2EF #C8CDED

#ECEDFE - #C8CDED

HSV Blend

#ECEDFE - #C8CDED | 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 #ECEDFE as 0% and #C8CDED as 100%.

0.0%	0.0% #ECEDFE	RGB 236 237 254	#ECEDFE
16.7%	16.7% #E5E7FB	RGB 229 231 251	#E5E7FB
33.3%	33.3% #DFE1F8	RGB 223 225 248	#DFE1F8
50.0%	50.0% #D9DCF5	RGB 217 220 245	#D9DCF5
66.7%	66.7% #D3D7F2	RGB 211 215 242	#D3D7F2
83.3%	83.3% #CDD1EF	RGB 205 209 239	#CDD1EF
100.0%	100.0% #C8CDED	RGB 200 205 237	#C8CDED

#ECEDFE #E5E7FB #DFE1F8 #D9DCF5 #D3D7F2 #CDD1EF #C8CDED

#ECEDFE - #D9DCF5 - #C8CDED

CSS codes

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

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