#CED1D4 - #DEE8F2 | 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 #CED1D4 to #DEE8F2

#CED1D4 #DEE8F2

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

#CED1D4 - #DEE8F2 | 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 #CED1D4 as 0% and #DEE8F2 as 100%.

0.0%	0.0% #CED1D4	RGB 206 209 212	#CED1D4
16.7%	16.7% #D0D4D9	RGB 208 212 217	#D0D4D9
33.3%	33.3% #D3D8DE	RGB 211 216 222	#D3D8DE
50.0%	50.0% #D6DCE3	RGB 214 220 227	#D6DCE3
66.7%	66.7% #D8E0E8	RGB 216 224 232	#D8E0E8
83.3%	83.3% #DBE4ED	RGB 219 228 237	#DBE4ED
100.0%	100.0% #DEE8F2	RGB 222 232 242	#DEE8F2

#CED1D4 #D0D4D9 #D3D8DE #D6DCE3 #D8E0E8 #DBE4ED #DEE8F2

#CED1D4 - #DEE8F2

HSV Blend

#CED1D4 - #DEE8F2 | 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 #CED1D4 as 0% and #DEE8F2 as 100%.

0.0%	0.0% #CED1D4	RGB 206 209 212	#CED1D4
16.7%	16.7% #D0D4D9	RGB 208 212 217	#D0D4D9
33.3%	33.3% #D3D8DE	RGB 211 216 222	#D3D8DE
50.0%	50.0% #D6DCE3	RGB 214 220 227	#D6DCE3
66.7%	66.7% #D9E0E8	RGB 217 224 232	#D9E0E8
83.3%	83.3% #DBE4ED	RGB 219 228 237	#DBE4ED
100.0%	100.0% #DEE8F2	RGB 222 232 242	#DEE8F2

#CED1D4 #D0D4D9 #D3D8DE #D6DCE3 #D9E0E8 #DBE4ED #DEE8F2

#CED1D4 - #D6DCE3 - #DEE8F2

CSS codes

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

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