#D1D4C7 - #EFE6D3 | 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 #D1D4C7 to #EFE6D3

#D1D4C7 #EFE6D3

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

#D1D4C7 - #EFE6D3 | 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 #D1D4C7 as 0% and #EFE6D3 as 100%.

0.0%	0.0% #D1D4C7	RGB 209 212 199	#D1D4C7
16.7%	16.7% #D6D7C9	RGB 214 215 201	#D6D7C9
33.3%	33.3% #DBDACB	RGB 219 218 203	#DBDACB
50.0%	50.0% #E0DDCD	RGB 224 221 205	#E0DDCD
66.7%	66.7% #E5E0CF	RGB 229 224 207	#E5E0CF
83.3%	83.3% #EAE3D1	RGB 234 227 209	#EAE3D1
100.0%	100.0% #EFE6D3	RGB 239 230 211	#EFE6D3

#D1D4C7 #D6D7C9 #DBDACB #E0DDCD #E5E0CF #EAE3D1 #EFE6D3

#D1D4C7 - #EFE6D3

HSV Blend

#D1D4C7 - #EFE6D3 | 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 #D1D4C7 as 0% and #EFE6D3 as 100%.

0.0%	0.0% #D1D4C7	RGB 209 212 199	#D1D4C7
16.7%	16.7% #D6D8C9	RGB 214 216 201	#D6D8C9
33.3%	33.3% #DCDDCB	RGB 220 221 203	#DCDDCB
50.0%	50.0% #E1E0CD	RGB 225 224 205	#E1E0CD
66.7%	66.7% #E6E2CF	RGB 230 226 207	#E6E2CF
83.3%	83.3% #EAE4D1	RGB 234 228 209	#EAE4D1
100.0%	100.0% #EFE6D3	RGB 239 230 211	#EFE6D3

#D1D4C7 #D6D8C9 #DCDDCB #E1E0CD #E6E2CF #EAE4D1 #EFE6D3

#D1D4C7 - #E1E0CD - #EFE6D3

CSS codes

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

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