#A8B5C9 - #DFDAD0 | 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 #A8B5C9 to #DFDAD0

#A8B5C9 #DFDAD0

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

#A8B5C9 - #DFDAD0 | 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 #A8B5C9 as 0% and #DFDAD0 as 100%.

0.0%	0.0% #A8B5C9	RGB 168 181 201	#A8B5C9
16.7%	16.7% #B1BBCA	RGB 177 187 202	#B1BBCA
33.3%	33.3% #BAC1CB	RGB 186 193 203	#BAC1CB
50.0%	50.0% #C3C7CC	RGB 195 199 204	#C3C7CC
66.7%	66.7% #CCCDCD	RGB 204 205 205	#CCCDCD
83.3%	83.3% #D5D3CE	RGB 213 211 206	#D5D3CE
100.0%	100.0% #DFDAD0	RGB 223 218 208	#DFDAD0

#A8B5C9 #B1BBCA #BAC1CB #C3C7CC #CCCDCD #D5D3CE #DFDAD0

#A8B5C9 - #DFDAD0

HSV Blend

#A8B5C9 - #DFDAD0 | 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 #A8B5C9 as 0% and #DFDAD0 as 100%.

0.0%	0.0% #A8B5C9	RGB 168 181 201	#A8B5C9
16.7%	16.7% #AEC9CC	RGB 174 201 204	#AEC9CC
33.3%	33.3% #B4D0C6	RGB 180 208 198	#B4D0C6
50.0%	50.0% #BBD4BE	RGB 187 212 190	#BBD4BE
66.7%	66.7% #C9D7C2	RGB 201 215 194	#C9D7C2
83.3%	83.3% #D8DBC9	RGB 216 219 201	#D8DBC9
100.0%	100.0% #DFDAD0	RGB 223 218 208	#DFDAD0

#A8B5C9 #AEC9CC #B4D0C6 #BBD4BE #C9D7C2 #D8DBC9 #DFDAD0

#A8B5C9 - #BBD4BE - #DFDAD0

CSS codes

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

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