#CFDEE9 - #E7E9EB | 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 #CFDEE9 to #E7E9EB

#CFDEE9 #E7E9EB

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

#CFDEE9 - #E7E9EB | 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 #CFDEE9 as 0% and #E7E9EB as 100%.

0.0%	0.0% #CFDEE9	RGB 207 222 233	#CFDEE9
16.7%	16.7% #D3DFE9	RGB 211 223 233	#D3DFE9
33.3%	33.3% #D7E1E9	RGB 215 225 233	#D7E1E9
50.0%	50.0% #DBE3EA	RGB 219 227 234	#DBE3EA
66.7%	66.7% #DFE5EA	RGB 223 229 234	#DFE5EA
83.3%	83.3% #E3E7EA	RGB 227 231 234	#E3E7EA
100.0%	100.0% #E7E9EB	RGB 231 233 235	#E7E9EB

#CFDEE9 #D3DFE9 #D7E1E9 #DBE3EA #DFE5EA #E3E7EA #E7E9EB

#CFDEE9 - #E7E9EB

HSV Blend

#CFDEE9 - #E7E9EB | 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 #CFDEE9 as 0% and #E7E9EB as 100%.

0.0%	0.0% #CFDEE9	RGB 207 222 233	#CFDEE9
16.7%	16.7% #D2DFE9	RGB 210 223 233	#D2DFE9
33.3%	33.3% #D6E1E9	RGB 214 225 233	#D6E1E9
50.0%	50.0% #DAE3EA	RGB 218 227 234	#DAE3EA
66.7%	66.7% #DEE4EA	RGB 222 228 234	#DEE4EA
83.3%	83.3% #E2E6EA	RGB 226 230 234	#E2E6EA
100.0%	100.0% #E7E9EB	RGB 231 233 235	#E7E9EB

#CFDEE9 #D2DFE9 #D6E1E9 #DAE3EA #DEE4EA #E2E6EA #E7E9EB

#CFDEE9 - #DAE3EA - #E7E9EB

CSS codes

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

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