#CEDBE2 - #E3E7E4 | 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 #CEDBE2 to #E3E7E4

#CEDBE2 #E3E7E4

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

#CEDBE2 - #E3E7E4 | 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 #CEDBE2 as 0% and #E3E7E4 as 100%.

0.0%	0.0% #CEDBE2	RGB 206 219 226	#CEDBE2
16.7%	16.7% #D1DDE2	RGB 209 221 226	#D1DDE2
33.3%	33.3% #D5DFE2	RGB 213 223 226	#D5DFE2
50.0%	50.0% #D8E1E3	RGB 216 225 227	#D8E1E3
66.7%	66.7% #DCE3E3	RGB 220 227 227	#DCE3E3
83.3%	83.3% #DFE5E3	RGB 223 229 227	#DFE5E3
100.0%	100.0% #E3E7E4	RGB 227 231 228	#E3E7E4

#CEDBE2 #D1DDE2 #D5DFE2 #D8E1E3 #DCE3E3 #DFE5E3 #E3E7E4

#CEDBE2 - #E3E7E4

HSV Blend

#CEDBE2 - #E3E7E4 | 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 #CEDBE2 as 0% and #E3E7E4 as 100%.

0.0%	0.0% #CEDBE2	RGB 206 219 226	#CEDBE2
16.7%	16.7% #D1DFE2	RGB 209 223 226	#D1DFE2
33.3%	33.3% #D4E3E3	RGB 212 227 227	#D4E3E3
50.0%	50.0% #D8E4E2	RGB 216 228 226	#D8E4E2
66.7%	66.7% #DBE5E1	RGB 219 229 225	#DBE5E1
83.3%	83.3% #DFE6E2	RGB 223 230 226	#DFE6E2
100.0%	100.0% #E3E7E4	RGB 227 231 228	#E3E7E4

#CEDBE2 #D1DFE2 #D4E3E3 #D8E4E2 #DBE5E1 #DFE6E2 #E3E7E4

#CEDBE2 - #D8E4E2 - #E3E7E4

CSS codes

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

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