#A8B9C7 - #E4DCD0 | 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 #A8B9C7 to #E4DCD0

#A8B9C7 #E4DCD0

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

#A8B9C7 - #E4DCD0 | 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 #A8B9C7 as 0% and #E4DCD0 as 100%.

0.0%	0.0% #A8B9C7	RGB 168 185 199	#A8B9C7
16.7%	16.7% #B2BEC8	RGB 178 190 200	#B2BEC8
33.3%	33.3% #BCC4CA	RGB 188 196 202	#BCC4CA
50.0%	50.0% #C6CACB	RGB 198 202 203	#C6CACB
66.7%	66.7% #D0D0CD	RGB 208 208 205	#D0D0CD
83.3%	83.3% #DAD6CE	RGB 218 214 206	#DAD6CE
100.0%	100.0% #E4DCD0	RGB 228 220 208	#E4DCD0

#A8B9C7 #B2BEC8 #BCC4CA #C6CACB #D0D0CD #DAD6CE #E4DCD0

#A8B9C7 - #E4DCD0

HSV Blend

#A8B9C7 - #E4DCD0 | 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 #A8B9C7 as 0% and #E4DCD0 as 100%.

0.0%	0.0% #A8B9C7	RGB 168 185 199	#A8B9C7
16.7%	16.7% #AECBCB	RGB 174 203 203	#AECBCB
33.3%	33.3% #B4D0C2	RGB 180 208 194	#B4D0C2
50.0%	50.0% #BBD5BC	RGB 187 213 188	#BBD5BC
66.7%	66.7% #CDDAC2	RGB 205 218 194	#CDDAC2
83.3%	83.3% #DDDFC9	RGB 221 223 201	#DDDFC9
100.0%	100.0% #E4DCD0	RGB 228 220 208	#E4DCD0

#A8B9C7 #AECBCB #B4D0C2 #BBD5BC #CDDAC2 #DDDFC9 #E4DCD0

#A8B9C7 - #BBD5BC - #E4DCD0

CSS codes

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

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