#CED0E5 - #DDE5E3 | 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 #CED0E5 to #DDE5E3

#CED0E5 #DDE5E3

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

#CED0E5 - #DDE5E3 | 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 #CED0E5 as 0% and #DDE5E3 as 100%.

0.0%	0.0% #CED0E5	RGB 206 208 229	#CED0E5
16.7%	16.7% #D0D3E4	RGB 208 211 228	#D0D3E4
33.3%	33.3% #D3D7E4	RGB 211 215 228	#D3D7E4
50.0%	50.0% #D5DAE4	RGB 213 218 228	#D5DAE4
66.7%	66.7% #D8DEE3	RGB 216 222 227	#D8DEE3
83.3%	83.3% #DAE1E3	RGB 218 225 227	#DAE1E3
100.0%	100.0% #DDE5E3	RGB 221 229 227	#DDE5E3

#CED0E5 #D0D3E4 #D3D7E4 #D5DAE4 #D8DEE3 #DAE1E3 #DDE5E3

#CED0E5 - #DDE5E3

HSV Blend

#CED0E5 - #DDE5E3 | 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 #CED0E5 as 0% and #DDE5E3 as 100%.

0.0%	0.0% #CED0E5	RGB 206 208 229	#CED0E5
16.7%	16.7% #D0D6E5	RGB 208 214 229	#D0D6E5
33.3%	33.3% #D3DBE5	RGB 211 219 229	#D3DBE5
50.0%	50.0% #D5DFE5	RGB 213 223 229	#D5DFE5
66.7%	66.7% #D8E3E5	RGB 216 227 229	#D8E3E5
83.3%	83.3% #DAE5E4	RGB 218 229 228	#DAE5E4
100.0%	100.0% #DDE5E3	RGB 221 229 227	#DDE5E3

#CED0E5 #D0D6E5 #D3DBE5 #D5DFE5 #D8E3E5 #DAE5E4 #DDE5E3

#CED0E5 - #D5DFE5 - #DDE5E3

CSS codes

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

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