#DAD4D9 - #AE86B0 | 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 #AE86B0

#DAD4D9 #AE86B0

Calculate the color between two colors, #DAD4D9 and #AE86B0. 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 - #AE86B0 | 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 #AE86B0 as 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #D2C7D2	RGB 210 199 210	#D2C7D2
33.3%	33.3% #CBBACB	RGB 203 186 203	#CBBACB
50.0%	50.0% #C4ADC4	RGB 196 173 196	#C4ADC4
66.7%	66.7% #BCA0BD	RGB 188 160 189	#BCA0BD
83.3%	83.3% #B593B6	RGB 181 147 182	#B593B6
100.0%	100.0% #AE86B0	RGB 174 134 176	#AE86B0

#DAD4D9 #D2C7D2 #CBBACB #C4ADC4 #BCA0BD #B593B6 #AE86B0

#DAD4D9 - #AE86B0

HSV Blend

#DAD4D9 - #AE86B0 | 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 #AE86B0 as 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #D3C5D1	RGB 211 197 209	#D3C5D1
33.3%	33.3% #CCB8CA	RGB 204 184 202	#CCB8CA
50.0%	50.0% #C5AAC3	RGB 197 170 195	#C5AAC3
66.7%	66.7% #BE9EBD	RGB 190 158 189	#BE9EBD
83.3%	83.3% #B691B7	RGB 182 145 183	#B691B7
100.0%	100.0% #AE86B0	RGB 174 134 176	#AE86B0

#DAD4D9 #D3C5D1 #CCB8CA #C5AAC3 #BE9EBD #B691B7 #AE86B0

#DAD4D9 - #C5AAC3 - #AE86B0

CSS codes

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

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