#D2D6CE - #EDE4D3 | 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 #D2D6CE to #EDE4D3

#D2D6CE #EDE4D3

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

#D2D6CE - #EDE4D3 | 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 #D2D6CE as 0% and #EDE4D3 as 100%.

0.0%	0.0% #D2D6CE	RGB 210 214 206	#D2D6CE
16.7%	16.7% #D6D8CE	RGB 214 216 206	#D6D8CE
33.3%	33.3% #DBDACF	RGB 219 218 207	#DBDACF
50.0%	50.0% #DFDDD0	RGB 223 221 208	#DFDDD0
66.7%	66.7% #E4DFD1	RGB 228 223 209	#E4DFD1
83.3%	83.3% #E8E1D2	RGB 232 225 210	#E8E1D2
100.0%	100.0% #EDE4D3	RGB 237 228 211	#EDE4D3

#D2D6CE #D6D8CE #DBDACF #DFDDD0 #E4DFD1 #E8E1D2 #EDE4D3

#D2D6CE - #EDE4D3

HSV Blend

#D2D6CE - #EDE4D3 | 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 #D2D6CE as 0% and #EDE4D3 as 100%.

0.0%	0.0% #D2D6CE	RGB 210 214 206	#D2D6CE
16.7%	16.7% #D5D9CF	RGB 213 217 207	#D5D9CF
33.3%	33.3% #DADDD0	RGB 218 221 208	#DADDD0
50.0%	50.0% #E0E1D0	RGB 224 225 208	#E0E1D0
66.7%	66.7% #E5E4D1	RGB 229 228 209	#E5E4D1
83.3%	83.3% #E9E4D2	RGB 233 228 210	#E9E4D2
100.0%	100.0% #EDE4D3	RGB 237 228 211	#EDE4D3

#D2D6CE #D5D9CF #DADDD0 #E0E1D0 #E5E4D1 #E9E4D2 #EDE4D3

#D2D6CE - #E0E1D0 - #EDE4D3

CSS codes

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

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