#CED6DD - #D4EEE5 | 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 #CED6DD to #D4EEE5

#CED6DD #D4EEE5

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

#CED6DD - #D4EEE5 | 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 #CED6DD as 0% and #D4EEE5 as 100%.

0.0%	0.0% #CED6DD	RGB 206 214 221	#CED6DD
16.7%	16.7% #CFDADE	RGB 207 218 222	#CFDADE
33.3%	33.3% #D0DEDF	RGB 208 222 223	#D0DEDF
50.0%	50.0% #D1E2E1	RGB 209 226 225	#D1E2E1
66.7%	66.7% #D2E6E2	RGB 210 230 226	#D2E6E2
83.3%	83.3% #D3EAE3	RGB 211 234 227	#D3EAE3
100.0%	100.0% #D4EEE5	RGB 212 238 229	#D4EEE5

#CED6DD #CFDADE #D0DEDF #D1E2E1 #D2E6E2 #D3EAE3 #D4EEE5

#CED6DD - #D4EEE5

HSV Blend

#CED6DD - #D4EEE5 | 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 #CED6DD as 0% and #D4EEE5 as 100%.

0.0%	0.0% #CED6DD	RGB 206 214 221	#CED6DD
16.7%	16.7% #CFDADF	RGB 207 218 223	#CFDADF
33.3%	33.3% #D0DFE2	RGB 208 223 226	#D0DFE2
50.0%	50.0% #D1E4E5	RGB 209 228 229	#D1E4E5
66.7%	66.7% #D2E8E6	RGB 210 232 230	#D2E8E6
83.3%	83.3% #D3EBE6	RGB 211 235 230	#D3EBE6
100.0%	100.0% #D4EEE5	RGB 212 238 229	#D4EEE5

#CED6DD #CFDADF #D0DFE2 #D1E4E5 #D2E8E6 #D3EBE6 #D4EEE5

#CED6DD - #D1E4E5 - #D4EEE5

CSS codes

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

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