#DCB5DB - #FFD9DA | 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 #DCB5DB to #FFD9DA

#DCB5DB #FFD9DA

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

#DCB5DB - #FFD9DA | 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 #DCB5DB as 0% and #FFD9DA as 100%.

0.0%	0.0% #DCB5DB	RGB 220 181 219	#DCB5DB
16.7%	16.7% #E1BBDA	RGB 225 187 218	#E1BBDA
33.3%	33.3% #E7C1DA	RGB 231 193 218	#E7C1DA
50.0%	50.0% #EDC7DA	RGB 237 199 218	#EDC7DA
66.7%	66.7% #F3CDDA	RGB 243 205 218	#F3CDDA
83.3%	83.3% #F9D3DA	RGB 249 211 218	#F9D3DA
100.0%	100.0% #FFD9DA	RGB 255 217 218	#FFD9DA

#DCB5DB #E1BBDA #E7C1DA #EDC7DA #F3CDDA #F9D3DA #FFD9DA

#DCB5DB - #FFD9DA

HSV Blend

#DCB5DB - #FFD9DA | 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 #DCB5DB as 0% and #FFD9DA as 100%.

0.0%	0.0% #DCB5DB	RGB 220 181 219	#DCB5DB
16.7%	16.7% #E1BADA	RGB 225 186 218	#E1BADA
33.3%	33.3% #E7C0DA	RGB 231 192 218	#E7C0DA
50.0%	50.0% #EDC6DA	RGB 237 198 218	#EDC6DA
66.7%	66.7% #F3CCD9	RGB 243 204 217	#F3CCD9
83.3%	83.3% #F9D2D9	RGB 249 210 217	#F9D2D9
100.0%	100.0% #FFD9DA	RGB 255 217 218	#FFD9DA

#DCB5DB #E1BADA #E7C0DA #EDC6DA #F3CCD9 #F9D2D9 #FFD9DA

#DCB5DB - #EDC6DA - #FFD9DA

CSS codes

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

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