#DCB9DB - #DEE3E0 | 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 #DCB9DB to #DEE3E0

#DCB9DB #DEE3E0

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

#DCB9DB - #DEE3E0 | 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 #DCB9DB as 0% and #DEE3E0 as 100%.

0.0%	0.0% #DCB9DB	RGB 220 185 219	#DCB9DB
16.7%	16.7% #DCC0DB	RGB 220 192 219	#DCC0DB
33.3%	33.3% #DCC7DC	RGB 220 199 220	#DCC7DC
50.0%	50.0% #DDCEDD	RGB 221 206 221	#DDCEDD
66.7%	66.7% #DDD5DE	RGB 221 213 222	#DDD5DE
83.3%	83.3% #DDDCDF	RGB 221 220 223	#DDDCDF
100.0%	100.0% #DEE3E0	RGB 222 227 224	#DEE3E0

#DCB9DB #DCC0DB #DCC7DC #DDCEDD #DDD5DE #DDDCDF #DEE3E0

#DCB9DB - #DEE3E0

HSV Blend

#DCB9DB - #DEE3E0 | 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 #DCB9DB as 0% and #DEE3E0 as 100%.

0.0%	0.0% #DCB9DB	RGB 220 185 219	#DCB9DB
16.7%	16.7% #D0BFDD	RGB 208 191 221	#D0BFDD
33.3%	33.3% #C8C5DE	RGB 200 197 222	#C8C5DE
50.0%	50.0% #CBD1DF	RGB 203 209 223	#CBD1DF
66.7%	66.7% #D1DCE0	RGB 209 220 224	#D1DCE0
83.3%	83.3% #D7E1E0	RGB 215 225 224	#D7E1E0
100.0%	100.0% #DEE3E0	RGB 222 227 224	#DEE3E0

#DCB9DB #D0BFDD #C8C5DE #CBD1DF #D1DCE0 #D7E1E0 #DEE3E0

#DCB9DB - #CBD1DF - #DEE3E0

CSS codes

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

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