#A8ADB4 - #DFCABF | 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 #A8ADB4 to #DFCABF

#A8ADB4 #DFCABF

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

#A8ADB4 - #DFCABF | 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 #A8ADB4 as 0% and #DFCABF as 100%.

0.0%	0.0% #A8ADB4	RGB 168 173 180	#A8ADB4
16.7%	16.7% #B1B1B5	RGB 177 177 181	#B1B1B5
33.3%	33.3% #BAB6B7	RGB 186 182 183	#BAB6B7
50.0%	50.0% #C3BBB9	RGB 195 187 185	#C3BBB9
66.7%	66.7% #CCC0BB	RGB 204 192 187	#CCC0BB
83.3%	83.3% #D5C5BD	RGB 213 197 189	#D5C5BD
100.0%	100.0% #DFCABF	RGB 223 202 191	#DFCABF

#A8ADB4 #B1B1B5 #BAB6B7 #C3BBB9 #CCC0BB #D5C5BD #DFCABF

#A8ADB4 - #DFCABF

HSV Blend

#A8ADB4 - #DFCABF | 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 #A8ADB4 as 0% and #DFCABF as 100%.

0.0%	0.0% #A8ADB4	RGB 168 173 180	#A8ADB4
16.7%	16.7% #ACACBB	RGB 172 172 187	#ACACBB
33.3%	33.3% #B9B0C2	RGB 185 176 194	#B9B0C2
50.0%	50.0% #C8B4C9	RGB 200 180 201	#C8B4C9
66.7%	66.7% #D0B8C6	RGB 208 184 198	#D0B8C6
83.3%	83.3% #D7BBBE	RGB 215 187 190	#D7BBBE
100.0%	100.0% #DFCABF	RGB 223 202 191	#DFCABF

#A8ADB4 #ACACBB #B9B0C2 #C8B4C9 #D0B8C6 #D7BBBE #DFCABF

#A8ADB4 - #C8B4C9 - #DFCABF

CSS codes

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

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