#ABADB9 - #DFD5C2 | 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 #ABADB9 to #DFD5C2

#ABADB9 #DFD5C2

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

#ABADB9 - #DFD5C2 | 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 #ABADB9 as 0% and #DFD5C2 as 100%.

0.0%	0.0% #ABADB9	RGB 171 173 185	#ABADB9
16.7%	16.7% #B3B3BA	RGB 179 179 186	#B3B3BA
33.3%	33.3% #BCBABC	RGB 188 186 188	#BCBABC
50.0%	50.0% #C5C1BD	RGB 197 193 189	#C5C1BD
66.7%	66.7% #CDC7BF	RGB 205 199 191	#CDC7BF
83.3%	83.3% #D6CEC0	RGB 214 206 192	#D6CEC0
100.0%	100.0% #DFD5C2	RGB 223 213 194	#DFD5C2

#ABADB9 #B3B3BA #BCBABC #C5C1BD #CDC7BF #D6CEC0 #DFD5C2

#ABADB9 - #DFD5C2

HSV Blend

#ABADB9 - #DFD5C2 | 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 #ABADB9 as 0% and #DFD5C2 as 100%.

0.0%	0.0% #ABADB9	RGB 171 173 185	#ABADB9
16.7%	16.7% #B4AFBF	RGB 180 175 191	#B4AFBF
33.3%	33.3% #C1B3C5	RGB 193 179 197	#C1B3C5
50.0%	50.0% #CCB7C6	RGB 204 183 198	#CCB7C6
66.7%	66.7% #D2BAC1	RGB 210 186 193	#D2BAC1
83.3%	83.3% #D8C3BE	RGB 216 195 190	#D8C3BE
100.0%	100.0% #DFD5C2	RGB 223 213 194	#DFD5C2

#ABADB9 #B4AFBF #C1B3C5 #CCB7C6 #D2BAC1 #D8C3BE #DFD5C2

#ABADB9 - #CCB7C6 - #DFD5C2

CSS codes

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

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