#A8ADAB - #DFB7CC | 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 #A8ADAB to #DFB7CC

#A8ADAB #DFB7CC

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

#A8ADAB - #DFB7CC | 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 #A8ADAB as 0% and #DFB7CC as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #B1AEB0	RGB 177 174 176	#B1AEB0
33.3%	33.3% #BAB0B6	RGB 186 176 182	#BAB0B6
50.0%	50.0% #C3B2BB	RGB 195 178 187	#C3B2BB
66.7%	66.7% #CCB3C1	RGB 204 179 193	#CCB3C1
83.3%	83.3% #D5B5C6	RGB 213 181 198	#D5B5C6
100.0%	100.0% #DFB7CC	RGB 223 183 204	#DFB7CC

#A8ADAB #B1AEB0 #BAB0B6 #C3B2BB #CCB3C1 #D5B5C6 #DFB7CC

#A8ADAB - #DFB7CC

HSV Blend

#A8ADAB - #DFB7CC | 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 #A8ADAB as 0% and #DFB7CC as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #ABB4B5	RGB 171 180 181	#ABB4B5
33.3%	33.3% #AEB5BD	RGB 174 181 189	#AEB5BD
50.0%	50.0% #B2B1C6	RGB 178 177 198	#B2B1C6
66.7%	66.7% #C1B3CE	RGB 193 179 206	#C1B3CE
83.3%	83.3% #D6B5D6	RGB 214 181 214	#D6B5D6
100.0%	100.0% #DFB7CC	RGB 223 183 204	#DFB7CC

#A8ADAB #ABB4B5 #AEB5BD #B2B1C6 #C1B3CE #D6B5D6 #DFB7CC

#A8ADAB - #B2B1C6 - #DFB7CC

CSS codes

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

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