#AEA8BC - #DAD8C3 | 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 #AEA8BC to #DAD8C3

#AEA8BC #DAD8C3

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

#AEA8BC - #DAD8C3 | 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 #AEA8BC as 0% and #DAD8C3 as 100%.

0.0%	0.0% #AEA8BC	RGB 174 168 188	#AEA8BC
16.7%	16.7% #B5B0BD	RGB 181 176 189	#B5B0BD
33.3%	33.3% #BCB8BE	RGB 188 184 190	#BCB8BE
50.0%	50.0% #C4C0BF	RGB 196 192 191	#C4C0BF
66.7%	66.7% #CBC8C0	RGB 203 200 192	#CBC8C0
83.3%	83.3% #D2D0C1	RGB 210 208 193	#D2D0C1
100.0%	100.0% #DAD8C3	RGB 218 216 195	#DAD8C3

#AEA8BC #B5B0BD #BCB8BE #C4C0BF #CBC8C0 #D2D0C1 #DAD8C3

#AEA8BC - #DAD8C3

HSV Blend

#AEA8BC - #DAD8C3 | 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 #AEA8BC as 0% and #DAD8C3 as 100%.

0.0%	0.0% #AEA8BC	RGB 174 168 188	#AEA8BC
16.7%	16.7% #BBACC1	RGB 187 172 193	#BBACC1
33.3%	33.3% #C6B0C2	RGB 198 176 194	#C6B0C2
50.0%	50.0% #CBB5BD	RGB 203 181 189	#CBB5BD
66.7%	66.7% #D0BAB9	RGB 208 186 185	#D0BAB9
83.3%	83.3% #D5C9BE	RGB 213 201 190	#D5C9BE
100.0%	100.0% #DAD8C3	RGB 218 216 195	#DAD8C3

#AEA8BC #BBACC1 #C6B0C2 #CBB5BD #D0BAB9 #D5C9BE #DAD8C3

#AEA8BC - #CBB5BD - #DAD8C3

CSS codes

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

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