#DAD4D4 - #AA868D | 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 #DAD4D4 to #AA868D

#DAD4D4 #AA868D

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

#DAD4D4 - #AA868D | 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 #DAD4D4 as 0% and #AA868D as 100%.

0.0%	0.0% #DAD4D4	RGB 218 212 212	#DAD4D4
16.7%	16.7% #D2C7C8	RGB 210 199 200	#D2C7C8
33.3%	33.3% #CABABC	RGB 202 186 188	#CABABC
50.0%	50.0% #C2ADB0	RGB 194 173 176	#C2ADB0
66.7%	66.7% #BAA0A4	RGB 186 160 164	#BAA0A4
83.3%	83.3% #B29398	RGB 178 147 152	#B29398
100.0%	100.0% #AA868D	RGB 170 134 141	#AA868D

#DAD4D4 #D2C7C8 #CABABC #C2ADB0 #BAA0A4 #B29398 #AA868D

#DAD4D4 - #AA868D

HSV Blend

#DAD4D4 - #AA868D | 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 #DAD4D4 as 0% and #AA868D as 100%.

0.0%	0.0% #DAD4D4	RGB 218 212 212	#DAD4D4
16.7%	16.7% #D2C5C6	RGB 210 197 198	#D2C5C6
33.3%	33.3% #CAB8B9	RGB 202 184 185	#CAB8B9
50.0%	50.0% #C2AAAD	RGB 194 170 173	#C2AAAD
66.7%	66.7% #BA9EA1	RGB 186 158 161	#BA9EA1
83.3%	83.3% #B29196	RGB 178 145 150	#B29196
100.0%	100.0% #AA868D	RGB 170 134 141	#AA868D

#DAD4D4 #D2C5C6 #CAB8B9 #C2AAAD #BA9EA1 #B29196 #AA868D

#DAD4D4 - #C2AAAD - #AA868D

CSS codes

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

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