#DAD4D9 - #A2857E | 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 #DAD4D9 to #A2857E

#DAD4D9 #A2857E

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

#DAD4D9 - #A2857E | 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 #DAD4D9 as 0% and #A2857E as 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #D0C6C9	RGB 208 198 201	#D0C6C9
33.3%	33.3% #C7B9BA	RGB 199 185 186	#C7B9BA
50.0%	50.0% #BEACAB	RGB 190 172 171	#BEACAB
66.7%	66.7% #B49F9C	RGB 180 159 156	#B49F9C
83.3%	83.3% #AB928D	RGB 171 146 141	#AB928D
100.0%	100.0% #A2857E	RGB 162 133 126	#A2857E

#DAD4D9 #D0C6C9 #C7B9BA #BEACAB #B49F9C #AB928D #A2857E

#DAD4D9 - #A2857E

HSV Blend

#DAD4D9 - #A2857E | 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 #DAD4D9 as 0% and #A2857E as 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #D0C4CC	RGB 208 196 204	#D0C4CC
33.3%	33.3% #C7B4BD	RGB 199 180 189	#C7B4BD
50.0%	50.0% #BEA6AD	RGB 190 166 173	#BEA6AD
66.7%	66.7% #B4989C	RGB 180 152 156	#B4989C
83.3%	83.3% #AB8B8A	RGB 171 139 138	#AB8B8A
100.0%	100.0% #A2857E	RGB 162 133 126	#A2857E

#DAD4D9 #D0C4CC #C7B4BD #BEA6AD #B4989C #AB8B8A #A2857E

#DAD4D9 - #BEA6AD - #A2857E

CSS codes

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

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