#D6B9BC - #DBE2E4 | 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 #D6B9BC to #DBE2E4

#D6B9BC #DBE2E4

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

#D6B9BC - #DBE2E4 | 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 #D6B9BC as 0% and #DBE2E4 as 100%.

0.0%	0.0% #D6B9BC	RGB 214 185 188	#D6B9BC
16.7%	16.7% #D6BFC2	RGB 214 191 194	#D6BFC2
33.3%	33.3% #D7C6C9	RGB 215 198 201	#D7C6C9
50.0%	50.0% #D8CDD0	RGB 216 205 208	#D8CDD0
66.7%	66.7% #D9D4D6	RGB 217 212 214	#D9D4D6
83.3%	83.3% #DADBDD	RGB 218 219 221	#DADBDD
100.0%	100.0% #DBE2E4	RGB 219 226 228	#DBE2E4

#D6B9BC #D6BFC2 #D7C6C9 #D8CDD0 #D9D4D6 #DADBDD #DBE2E4

#D6B9BC - #DBE2E4

HSV Blend

#D6B9BC - #DBE2E4 | 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 #D6B9BC as 0% and #DBE2E4 as 100%.

0.0%	0.0% #D6B9BC	RGB 214 185 188	#D6B9BC
16.7%	16.7% #D8BECC	RGB 216 190 204	#D8BECC
33.3%	33.3% #DAC4DA	RGB 218 196 218	#DAC4DA
50.0%	50.0% #D4C9DD	RGB 212 201 221	#D4C9DD
66.7%	66.7% #D1CFDF	RGB 209 207 223	#D1CFDF
83.3%	83.3% #D5D9E1	RGB 213 217 225	#D5D9E1
100.0%	100.0% #DBE2E4	RGB 219 226 228	#DBE2E4

#D6B9BC #D8BECC #DAC4DA #D4C9DD #D1CFDF #D5D9E1 #DBE2E4

#D6B9BC - #D4C9DD - #DBE2E4

CSS codes

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

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