#D2D6CE - #DFFFEB | 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 #DFFFEB

#D2D6CE #DFFFEB

Calculate the color between two colors, #D2D6CE and #DFFFEB. 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 - #DFFFEB | 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 #DFFFEB as 100%.

0.0%	0.0% #D2D6CE	RGB 210 214 206	#D2D6CE
16.7%	16.7% #D4DCD2	RGB 212 220 210	#D4DCD2
33.3%	33.3% #D6E3D7	RGB 214 227 215	#D6E3D7
50.0%	50.0% #D8EADC	RGB 216 234 220	#D8EADC
66.7%	66.7% #DAF1E1	RGB 218 241 225	#DAF1E1
83.3%	83.3% #DCF8E6	RGB 220 248 230	#DCF8E6
100.0%	100.0% #DFFFEB	RGB 223 255 235	#DFFFEB

#D2D6CE #D4DCD2 #D6E3D7 #D8EADC #DAF1E1 #DCF8E6 #DFFFEB

#D2D6CE - #DFFFEB

HSV Blend

#D2D6CE - #DFFFEB | 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 #DFFFEB as 100%.

0.0%	0.0% #D2D6CE	RGB 210 214 206	#D2D6CE
16.7%	16.7% #D5DCD1	RGB 213 220 209	#D5DCD1
33.3%	33.3% #D7E3D4	RGB 215 227 212	#D7E3D4
50.0%	50.0% #D8EAD7	RGB 216 234 215	#D8EAD7
66.7%	66.7% #DAF1DC	RGB 218 241 220	#DAF1DC
83.3%	83.3% #DCF8E2	RGB 220 248 226	#DCF8E2
100.0%	100.0% #DFFFEB	RGB 223 255 235	#DFFFEB

#D2D6CE #D5DCD1 #D7E3D4 #D8EAD7 #DAF1DC #DCF8E2 #DFFFEB

#D2D6CE - #D8EAD7 - #DFFFEB

CSS codes

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

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