#D6CFDF - #DFE4E2 | 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 #D6CFDF to #DFE4E2

#D6CFDF #DFE4E2

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

#D6CFDF - #DFE4E2 | 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 #D6CFDF as 0% and #DFE4E2 as 100%.

0.0%	0.0% #D6CFDF	RGB 214 207 223	#D6CFDF
16.7%	16.7% #D7D2DF	RGB 215 210 223	#D7D2DF
33.3%	33.3% #D9D6E0	RGB 217 214 224	#D9D6E0
50.0%	50.0% #DAD9E0	RGB 218 217 224	#DAD9E0
66.7%	66.7% #DCDDE1	RGB 220 221 225	#DCDDE1
83.3%	83.3% #DDE0E1	RGB 221 224 225	#DDE0E1
100.0%	100.0% #DFE4E2	RGB 223 228 226	#DFE4E2

#D6CFDF #D7D2DF #D9D6E0 #DAD9E0 #DCDDE1 #DDE0E1 #DFE4E2

#D6CFDF - #DFE4E2

HSV Blend

#D6CFDF - #DFE4E2 | 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 #D6CFDF as 0% and #DFE4E2 as 100%.

0.0%	0.0% #D6CFDF	RGB 214 207 223	#D6CFDF
16.7%	16.7% #D3D1DF	RGB 211 209 223	#D3D1DF
33.3%	33.3% #D4D6E0	RGB 212 214 224	#D4D6E0
50.0%	50.0% #D6DCE1	RGB 214 220 225	#D6DCE1
66.7%	66.7% #D9E0E2	RGB 217 224 226	#D9E0E2
83.3%	83.3% #DCE3E2	RGB 220 227 226	#DCE3E2
100.0%	100.0% #DFE4E2	RGB 223 228 226	#DFE4E2

#D6CFDF #D3D1DF #D4D6E0 #D6DCE1 #D9E0E2 #DCE3E2 #DFE4E2

#D6CFDF - #D6DCE1 - #DFE4E2

CSS codes

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

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