#DAC8A2 - #DBDBE9 | 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 #DAC8A2 to #DBDBE9

#DAC8A2 #DBDBE9

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

#DAC8A2 - #DBDBE9 | 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 #DAC8A2 as 0% and #DBDBE9 as 100%.

0.0%	0.0% #DAC8A2	RGB 218 200 162	#DAC8A2
16.7%	16.7% #DACBAD	RGB 218 203 173	#DACBAD
33.3%	33.3% #DACEB9	RGB 218 206 185	#DACEB9
50.0%	50.0% #DAD1C5	RGB 218 209 197	#DAD1C5
66.7%	66.7% #DAD4D1	RGB 218 212 209	#DAD4D1
83.3%	83.3% #DAD7DD	RGB 218 215 221	#DAD7DD
100.0%	100.0% #DBDBE9	RGB 219 219 233	#DBDBE9

#DAC8A2 #DACBAD #DACEB9 #DAD1C5 #DAD4D1 #DAD7DD #DBDBE9

#DAC8A2 - #DBDBE9

HSV Blend

#DAC8A2 - #DBDBE9 | 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 #DAC8A2 as 0% and #DBDBE9 as 100%.

0.0%	0.0% #DAC8A2	RGB 218 200 162	#DAC8A2
16.7%	16.7% #DCB6AB	RGB 220 182 171	#DCB6AB
33.3%	33.3% #DFB4BD	RGB 223 180 189	#DFB4BD
50.0%	50.0% #E1BDD5	RGB 225 189 213	#E1BDD5
66.7%	66.7% #E0C7E4	RGB 224 199 228	#E0C7E4
83.3%	83.3% #DAD1E6	RGB 218 209 230	#DAD1E6
100.0%	100.0% #DBDBE9	RGB 219 219 233	#DBDBE9

#DAC8A2 #DCB6AB #DFB4BD #E1BDD5 #E0C7E4 #DAD1E6 #DBDBE9

#DAC8A2 - #E1BDD5 - #DBDBE9

CSS codes

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

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