#ABAFAE - #E5C0C0 | 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 #ABAFAE to #E5C0C0

#ABAFAE #E5C0C0

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

#ABAFAE - #E5C0C0 | 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 #ABAFAE as 0% and #E5C0C0 as 100%.

0.0%	0.0% #ABAFAE	RGB 171 175 174	#ABAFAE
16.7%	16.7% #B4B1B1	RGB 180 177 177	#B4B1B1
33.3%	33.3% #BEB4B4	RGB 190 180 180	#BEB4B4
50.0%	50.0% #C8B7B7	RGB 200 183 183	#C8B7B7
66.7%	66.7% #D1BABA	RGB 209 186 186	#D1BABA
83.3%	83.3% #DBBDBD	RGB 219 189 189	#DBBDBD
100.0%	100.0% #E5C0C0	RGB 229 192 192	#E5C0C0

#ABAFAE #B4B1B1 #BEB4B4 #C8B7B7 #D1BABA #DBBDBD #E5C0C0

#ABAFAE - #E5C0C0

HSV Blend

#ABAFAE - #E5C0C0 | 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 #ABAFAE as 0% and #E5C0C0 as 100%.

0.0%	0.0% #ABAFAE	RGB 171 175 174	#ABAFAE
16.7%	16.7% #AFB8B2	RGB 175 184 178	#AFB8B2
33.3%	33.3% #B5C1B3	RGB 181 193 179	#B5C1B3
50.0%	50.0% #C3CAB7	RGB 195 202 183	#C3CAB7
66.7%	66.7% #D3D0BA	RGB 211 208 186	#D3D0BA
83.3%	83.3% #DCCBBD	RGB 220 203 189	#DCCBBD
100.0%	100.0% #E5C0C0	RGB 229 192 192	#E5C0C0

#ABAFAE #AFB8B2 #B5C1B3 #C3CAB7 #D3D0BA #DCCBBD #E5C0C0

#ABAFAE - #C3CAB7 - #E5C0C0

CSS codes

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

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