#A8BAC2 - #E7DDCF | 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 #A8BAC2 to #E7DDCF

#A8BAC2 #E7DDCF

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

#A8BAC2 - #E7DDCF | 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 #A8BAC2 as 0% and #E7DDCF as 100%.

0.0%	0.0% #A8BAC2	RGB 168 186 194	#A8BAC2
16.7%	16.7% #B2BFC4	RGB 178 191 196	#B2BFC4
33.3%	33.3% #BDC5C6	RGB 189 197 198	#BDC5C6
50.0%	50.0% #C7CBC8	RGB 199 203 200	#C7CBC8
66.7%	66.7% #D2D1CA	RGB 210 209 202	#D2D1CA
83.3%	83.3% #DCD7CC	RGB 220 215 204	#DCD7CC
100.0%	100.0% #E7DDCF	RGB 231 221 207	#E7DDCF

#A8BAC2 #B2BFC4 #BDC5C6 #C7CBC8 #D2D1CA #DCD7CC #E7DDCF

#A8BAC2 - #E7DDCF

HSV Blend

#A8BAC2 - #E7DDCF | 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 #A8BAC2 as 0% and #E7DDCF as 100%.

0.0%	0.0% #A8BAC2	RGB 168 186 194	#A8BAC2
16.7%	16.7% #AEC8C4	RGB 174 200 196	#AEC8C4
33.3%	33.3% #B4CEBE	RGB 180 206 190	#B4CEBE
50.0%	50.0% #BCD4BB	RGB 188 212 187	#BCD4BB
66.7%	66.7% #CEDAC1	RGB 206 218 193	#CEDAC1
83.3%	83.3% #DFE0C8	RGB 223 224 200	#DFE0C8
100.0%	100.0% #E7DDCF	RGB 231 221 207	#E7DDCF

#A8BAC2 #AEC8C4 #B4CEBE #BCD4BB #CEDAC1 #DFE0C8 #E7DDCF

#A8BAC2 - #BCD4BB - #E7DDCF

CSS codes

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

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