#E5E6EA - #C4DBEC | 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 #E5E6EA to #C4DBEC

#E5E6EA #C4DBEC

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

#E5E6EA - #C4DBEC | 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 #E5E6EA as 0% and #C4DBEC as 100%.

0.0%	0.0% #E5E6EA	RGB 229 230 234	#E5E6EA
16.7%	16.7% #DFE4EA	RGB 223 228 234	#DFE4EA
33.3%	33.3% #DAE2EA	RGB 218 226 234	#DAE2EA
50.0%	50.0% #D4E0EB	RGB 212 224 235	#D4E0EB
66.7%	66.7% #CFDEEB	RGB 207 222 235	#CFDEEB
83.3%	83.3% #C9DCEB	RGB 201 220 235	#C9DCEB
100.0%	100.0% #C4DBEC	RGB 196 219 236	#C4DBEC

#E5E6EA #DFE4EA #DAE2EA #D4E0EB #CFDEEB #C9DCEB #C4DBEC

#E5E6EA - #C4DBEC

HSV Blend

#E5E6EA - #C4DBEC | 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 #E5E6EA as 0% and #C4DBEC as 100%.

0.0%	0.0% #E5E6EA	RGB 229 230 234	#E5E6EA
16.7%	16.7% #DFE2EA	RGB 223 226 234	#DFE2EA
33.3%	33.3% #DADFEA	RGB 218 223 234	#DADFEA
50.0%	50.0% #D4DDEB	RGB 212 221 235	#D4DDEB
66.7%	66.7% #CFDBEB	RGB 207 219 235	#CFDBEB
83.3%	83.3% #C9DBEB	RGB 201 219 235	#C9DBEB
100.0%	100.0% #C4DBEC	RGB 196 219 236	#C4DBEC

#E5E6EA #DFE2EA #DADFEA #D4DDEB #CFDBEB #C9DBEB #C4DBEC

#E5E6EA - #D4DDEB - #C4DBEC

CSS codes

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

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