#D6D2E1 - #DEE5E3 | 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 #D6D2E1 to #DEE5E3

#D6D2E1 #DEE5E3

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

#D6D2E1 - #DEE5E3 | 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 #D6D2E1 as 0% and #DEE5E3 as 100%.

0.0%	0.0% #D6D2E1	RGB 214 210 225	#D6D2E1
16.7%	16.7% #D7D5E1	RGB 215 213 225	#D7D5E1
33.3%	33.3% #D8D8E1	RGB 216 216 225	#D8D8E1
50.0%	50.0% #DADBE2	RGB 218 219 226	#DADBE2
66.7%	66.7% #DBDEE2	RGB 219 222 226	#DBDEE2
83.3%	83.3% #DCE1E2	RGB 220 225 226	#DCE1E2
100.0%	100.0% #DEE5E3	RGB 222 229 227	#DEE5E3

#D6D2E1 #D7D5E1 #D8D8E1 #DADBE2 #DBDEE2 #DCE1E2 #DEE5E3

#D6D2E1 - #DEE5E3

HSV Blend

#D6D2E1 - #DEE5E3 | 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 #D6D2E1 as 0% and #DEE5E3 as 100%.

0.0%	0.0% #D6D2E1	RGB 214 210 225	#D6D2E1
16.7%	16.7% #D4D3E1	RGB 212 211 225	#D4D3E1
33.3%	33.3% #D5D9E2	RGB 213 217 226	#D5D9E2
50.0%	50.0% #D7DDE3	RGB 215 221 227	#D7DDE3
66.7%	66.7% #D9E1E3	RGB 217 225 227	#D9E1E3
83.3%	83.3% #DBE4E4	RGB 219 228 228	#DBE4E4
100.0%	100.0% #DEE5E3	RGB 222 229 227	#DEE5E3

#D6D2E1 #D4D3E1 #D5D9E2 #D7DDE3 #D9E1E3 #DBE4E4 #DEE5E3

#D6D2E1 - #D7DDE3 - #DEE5E3

CSS codes

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

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