#D7B1AF - #DBE5E6 | 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 #D7B1AF to #DBE5E6

#D7B1AF #DBE5E6

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

#D7B1AF - #DBE5E6 | 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 #D7B1AF as 0% and #DBE5E6 as 100%.

0.0%	0.0% #D7B1AF	RGB 215 177 175	#D7B1AF
16.7%	16.7% #D7B9B8	RGB 215 185 184	#D7B9B8
33.3%	33.3% #D8C2C1	RGB 216 194 193	#D8C2C1
50.0%	50.0% #D9CBCA	RGB 217 203 202	#D9CBCA
66.7%	66.7% #D9D3D3	RGB 217 211 211	#D9D3D3
83.3%	83.3% #DADCDC	RGB 218 220 220	#DADCDC
100.0%	100.0% #DBE5E6	RGB 219 229 230	#DBE5E6

#D7B1AF #D7B9B8 #D8C2C1 #D9CBCA #D9D3D3 #DADCDC #DBE5E6

#D7B1AF - #DBE5E6

HSV Blend

#D7B1AF - #DBE5E6 | 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 #D7B1AF as 0% and #DBE5E6 as 100%.

0.0%	0.0% #D7B1AF	RGB 215 177 175	#D7B1AF
16.7%	16.7% #D9B6C5	RGB 217 182 197	#D9B6C5
33.3%	33.3% #DCBDDA	RGB 220 189 218	#DCBDDA
50.0%	50.0% #D3C4DE	RGB 211 196 222	#D3C4DE
66.7%	66.7% #CDCBE1	RGB 205 203 225	#CDCBE1
83.3%	83.3% #D3DAE3	RGB 211 218 227	#D3DAE3
100.0%	100.0% #DBE5E6	RGB 219 229 230	#DBE5E6

#D7B1AF #D9B6C5 #DCBDDA #D3C4DE #CDCBE1 #D3DAE3 #DBE5E6

#D7B1AF - #D3C4DE - #DBE5E6

CSS codes

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

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