#CED7E4 - #E4E7E6 | 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 #CED7E4 to #E4E7E6

#CED7E4 #E4E7E6

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

#CED7E4 - #E4E7E6 | 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 #CED7E4 as 0% and #E4E7E6 as 100%.

0.0%	0.0% #CED7E4	RGB 206 215 228	#CED7E4
16.7%	16.7% #D1D9E4	RGB 209 217 228	#D1D9E4
33.3%	33.3% #D5DCE4	RGB 213 220 228	#D5DCE4
50.0%	50.0% #D9DFE5	RGB 217 223 229	#D9DFE5
66.7%	66.7% #DCE1E5	RGB 220 225 229	#DCE1E5
83.3%	83.3% #E0E4E5	RGB 224 228 229	#E0E4E5
100.0%	100.0% #E4E7E6	RGB 228 231 230	#E4E7E6

#CED7E4 #D1D9E4 #D5DCE4 #D9DFE5 #DCE1E5 #E0E4E5 #E4E7E6

#CED7E4 - #E4E7E6

HSV Blend

#CED7E4 - #E4E7E6 | 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 #CED7E4 as 0% and #E4E7E6 as 100%.

0.0%	0.0% #CED7E4	RGB 206 215 228	#CED7E4
16.7%	16.7% #D1DCE4	RGB 209 220 228	#D1DCE4
33.3%	33.3% #D5E0E5	RGB 213 224 229	#D5E0E5
50.0%	50.0% #D8E3E5	RGB 216 227 229	#D8E3E5
66.7%	66.7% #DCE6E5	RGB 220 230 229	#DCE6E5
83.3%	83.3% #E0E6E5	RGB 224 230 229	#E0E6E5
100.0%	100.0% #E4E7E6	RGB 228 231 230	#E4E7E6

#CED7E4 #D1DCE4 #D5E0E5 #D8E3E5 #DCE6E5 #E0E6E5 #E4E7E6

#CED7E4 - #D8E3E5 - #E4E7E6

CSS codes

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

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