#A8ABB1 - #E3D5C0 | 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 #A8ABB1 to #E3D5C0

#A8ABB1 #E3D5C0

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

#A8ABB1 - #E3D5C0 | 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 #A8ABB1 as 0% and #E3D5C0 as 100%.

0.0%	0.0% #A8ABB1	RGB 168 171 177	#A8ABB1
16.7%	16.7% #B1B2B3	RGB 177 178 179	#B1B2B3
33.3%	33.3% #BBB9B6	RGB 187 185 182	#BBB9B6
50.0%	50.0% #C5C0B8	RGB 197 192 184	#C5C0B8
66.7%	66.7% #CFC7BB	RGB 207 199 187	#CFC7BB
83.3%	83.3% #D9CEBD	RGB 217 206 189	#D9CEBD
100.0%	100.0% #E3D5C0	RGB 227 213 192	#E3D5C0

#A8ABB1 #B1B2B3 #BBB9B6 #C5C0B8 #CFC7BB #D9CEBD #E3D5C0

#A8ABB1 - #E3D5C0

HSV Blend

#A8ABB1 - #E3D5C0 | 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 #A8ABB1 as 0% and #E3D5C0 as 100%.

0.0%	0.0% #A8ABB1	RGB 168 171 177	#A8ABB1
16.7%	16.7% #AEACB9	RGB 174 172 185	#AEACB9
33.3%	33.3% #BBB1C1	RGB 187 177 193	#BBB1C1
50.0%	50.0% #CAB5C7	RGB 202 181 199	#CAB5C7
66.7%	66.7% #D2B9C2	RGB 210 185 194	#D2B9C2
83.3%	83.3% #DAC0BC	RGB 218 192 188	#DAC0BC
100.0%	100.0% #E3D5C0	RGB 227 213 192	#E3D5C0

#A8ABB1 #AEACB9 #BBB1C1 #CAB5C7 #D2B9C2 #DAC0BC #E3D5C0

#A8ABB1 - #CAB5C7 - #E3D5C0

CSS codes

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

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