#DBACBA - #DBDBDD | 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 #DBACBA to #DBDBDD

#DBACBA #DBDBDD

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

#DBACBA - #DBDBDD | 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 #DBACBA as 0% and #DBDBDD as 100%.

0.0%	0.0% #DBACBA	RGB 219 172 186	#DBACBA
16.7%	16.7% #DBB3BF	RGB 219 179 191	#DBB3BF
33.3%	33.3% #DBBBC5	RGB 219 187 197	#DBBBC5
50.0%	50.0% #DBC3CB	RGB 219 195 203	#DBC3CB
66.7%	66.7% #DBCBD1	RGB 219 203 209	#DBCBD1
83.3%	83.3% #DBD3D7	RGB 219 211 215	#DBD3D7
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#DBACBA #DBB3BF #DBBBC5 #DBC3CB #DBCBD1 #DBD3D7 #DBDBDD

#DBACBA - #DBDBDD

HSV Blend

#DBACBA - #DBDBDD | 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 #DBACBA as 0% and #DBDBDD as 100%.

0.0%	0.0% #DBACBA	RGB 219 172 186	#DBACBA
16.7%	16.7% #DBB3CA	RGB 219 179 202	#DBB3CA
33.3%	33.3% #DBBBD7	RGB 219 187 215	#DBBBD7
50.0%	50.0% #D8C3DC	RGB 216 195 220	#D8C3DC
66.7%	66.7% #D4CBDC	RGB 212 203 220	#D4CBDC
83.3%	83.3% #D5D3DC	RGB 213 211 220	#D5D3DC
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#DBACBA #DBB3CA #DBBBD7 #D8C3DC #D4CBDC #D5D3DC #DBDBDD

#DBACBA - #D8C3DC - #DBDBDD

CSS codes

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

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