#DBD2D7 - #FFDDFA | 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 #DBD2D7 to #FFDDFA

#DBD2D7 #FFDDFA

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

#DBD2D7 - #FFDDFA | 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 #DBD2D7 as 0% and #FFDDFA as 100%.

0.0%	0.0% #DBD2D7	RGB 219 210 215	#DBD2D7
16.7%	16.7% #E1D3DC	RGB 225 211 220	#E1D3DC
33.3%	33.3% #E7D5E2	RGB 231 213 226	#E7D5E2
50.0%	50.0% #EDD7E8	RGB 237 215 232	#EDD7E8
66.7%	66.7% #F3D9EE	RGB 243 217 238	#F3D9EE
83.3%	83.3% #F9DBF4	RGB 249 219 244	#F9DBF4
100.0%	100.0% #FFDDFA	RGB 255 221 250	#FFDDFA

#DBD2D7 #E1D3DC #E7D5E2 #EDD7E8 #F3D9EE #F9DBF4 #FFDDFA

#DBD2D7 - #FFDDFA

HSV Blend

#DBD2D7 - #FFDDFA | 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 #DBD2D7 as 0% and #FFDDFA as 100%.

0.0%	0.0% #DBD2D7	RGB 219 210 215	#DBD2D7
16.7%	16.7% #E1D4DB	RGB 225 212 219	#E1D4DB
33.3%	33.3% #E7D6E1	RGB 231 214 225	#E7D6E1
50.0%	50.0% #EDD8E6	RGB 237 216 230	#EDD8E6
66.7%	66.7% #F3DAEC	RGB 243 218 236	#F3DAEC
83.3%	83.3% #F9DBF3	RGB 249 219 243	#F9DBF3
100.0%	100.0% #FFDDFA	RGB 255 221 250	#FFDDFA

#DBD2D7 #E1D4DB #E7D6E1 #EDD8E6 #F3DAEC #F9DBF3 #FFDDFA

#DBD2D7 - #EDD8E6 - #FFDDFA

CSS codes

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

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