#D3CFE3 - #DEE4E5 | 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 #D3CFE3 to #DEE4E5

#D3CFE3 #DEE4E5

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

#D3CFE3 - #DEE4E5 | 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 #D3CFE3 as 0% and #DEE4E5 as 100%.

0.0%	0.0% #D3CFE3	RGB 211 207 227	#D3CFE3
16.7%	16.7% #D4D2E3	RGB 212 210 227	#D4D2E3
33.3%	33.3% #D6D6E3	RGB 214 214 227	#D6D6E3
50.0%	50.0% #D8D9E4	RGB 216 217 228	#D8D9E4
66.7%	66.7% #DADDE4	RGB 218 221 228	#DADDE4
83.3%	83.3% #DCE0E4	RGB 220 224 228	#DCE0E4
100.0%	100.0% #DEE4E5	RGB 222 228 229	#DEE4E5

#D3CFE3 #D4D2E3 #D6D6E3 #D8D9E4 #DADDE4 #DCE0E4 #DEE4E5

#D3CFE3 - #DEE4E5

HSV Blend

#D3CFE3 - #DEE4E5 | 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 #D3CFE3 as 0% and #DEE4E5 as 100%.

0.0%	0.0% #D3CFE3	RGB 211 207 227	#D3CFE3
16.7%	16.7% #D1D1E3	RGB 209 209 227	#D1D1E3
33.3%	33.3% #D3D6E3	RGB 211 214 227	#D3D6E3
50.0%	50.0% #D6DAE4	RGB 214 218 228	#D6DAE4
66.7%	66.7% #D8DEE4	RGB 216 222 228	#D8DEE4
83.3%	83.3% #DBE1E4	RGB 219 225 228	#DBE1E4
100.0%	100.0% #DEE4E5	RGB 222 228 229	#DEE4E5

#D3CFE3 #D1D1E3 #D3D6E3 #D6DAE4 #D8DEE4 #DBE1E4 #DEE4E5

#D3CFE3 - #D6DAE4 - #DEE4E5

CSS codes

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

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