#A8ADBC - #DFD6C6 | 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 #A8ADBC to #DFD6C6

#A8ADBC #DFD6C6

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

#A8ADBC - #DFD6C6 | 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 #A8ADBC as 0% and #DFD6C6 as 100%.

0.0%	0.0% #A8ADBC	RGB 168 173 188	#A8ADBC
16.7%	16.7% #B1B3BD	RGB 177 179 189	#B1B3BD
33.3%	33.3% #BABABF	RGB 186 186 191	#BABABF
50.0%	50.0% #C3C1C1	RGB 195 193 193	#C3C1C1
66.7%	66.7% #CCC8C2	RGB 204 200 194	#CCC8C2
83.3%	83.3% #D5CFC4	RGB 213 207 196	#D5CFC4
100.0%	100.0% #DFD6C6	RGB 223 214 198	#DFD6C6

#A8ADBC #B1B3BD #BABABF #C3C1C1 #CCC8C2 #D5CFC4 #DFD6C6

#A8ADBC - #DFD6C6

HSV Blend

#A8ADBC - #DFD6C6 | 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 #A8ADBC as 0% and #DFD6C6 as 100%.

0.0%	0.0% #A8ADBC	RGB 168 173 188	#A8ADBC
16.7%	16.7% #B1ADC1	RGB 177 173 193	#B1ADC1
33.3%	33.3% #C1B2C7	RGB 193 178 199	#C1B2C7
50.0%	50.0% #CDB7C9	RGB 205 183 201	#CDB7C9
66.7%	66.7% #D3BCC3	RGB 211 188 195	#D3BCC3
83.3%	83.3% #D9C4C1	RGB 217 196 193	#D9C4C1
100.0%	100.0% #DFD6C6	RGB 223 214 198	#DFD6C6

#A8ADBC #B1ADC1 #C1B2C7 #CDB7C9 #D3BCC3 #D9C4C1 #DFD6C6

#A8ADBC - #CDB7C9 - #DFD6C6

CSS codes

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

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