#A8B0B1 - #E3C0C0 | 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 #A8B0B1 to #E3C0C0

#A8B0B1 #E3C0C0

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

#A8B0B1 - #E3C0C0 | 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 #A8B0B1 as 0% and #E3C0C0 as 100%.

0.0%	0.0% #A8B0B1	RGB 168 176 177	#A8B0B1
16.7%	16.7% #B1B2B3	RGB 177 178 179	#B1B2B3
33.3%	33.3% #BBB5B6	RGB 187 181 182	#BBB5B6
50.0%	50.0% #C5B8B8	RGB 197 184 184	#C5B8B8
66.7%	66.7% #CFBABB	RGB 207 186 187	#CFBABB
83.3%	83.3% #D9BDBD	RGB 217 189 189	#D9BDBD
100.0%	100.0% #E3C0C0	RGB 227 192 192	#E3C0C0

#A8B0B1 #B1B2B3 #BBB5B6 #C5B8B8 #CFBABB #D9BDBD #E3C0C0

#A8B0B1 - #E3C0C0

HSV Blend

#A8B0B1 - #E3C0C0 | 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 #A8B0B1 as 0% and #E3C0C0 as 100%.

0.0%	0.0% #A8B0B1	RGB 168 176 177	#A8B0B1
16.7%	16.7% #ACB1B9	RGB 172 177 185	#ACB1B9
33.3%	33.3% #B2B1C1	RGB 178 177 193	#B2B1C1
50.0%	50.0% #C0B5CA	RGB 192 181 202	#C0B5CA
66.7%	66.7% #D2B9D1	RGB 210 185 209	#D2B9D1
83.3%	83.3% #DABCCB	RGB 218 188 203	#DABCCB
100.0%	100.0% #E3C0C0	RGB 227 192 192	#E3C0C0

#A8B0B1 #ACB1B9 #B2B1C1 #C0B5CA #D2B9D1 #DABCCB #E3C0C0

#A8B0B1 - #C0B5CA - #E3C0C0

CSS codes

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

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