#ABAFAF - #E5CCC0 | 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 #ABAFAF to #E5CCC0

#ABAFAF #E5CCC0

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

#ABAFAF - #E5CCC0 | 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 #ABAFAF as 0% and #E5CCC0 as 100%.

0.0%	0.0% #ABAFAF	RGB 171 175 175	#ABAFAF
16.7%	16.7% #B4B3B1	RGB 180 179 177	#B4B3B1
33.3%	33.3% #BEB8B4	RGB 190 184 180	#BEB8B4
50.0%	50.0% #C8BDB7	RGB 200 189 183	#C8BDB7
66.7%	66.7% #D1C2BA	RGB 209 194 186	#D1C2BA
83.3%	83.3% #DBC7BD	RGB 219 199 189	#DBC7BD
100.0%	100.0% #E5CCC0	RGB 229 204 192	#E5CCC0

#ABAFAF #B4B3B1 #BEB8B4 #C8BDB7 #D1C2BA #DBC7BD #E5CCC0

#ABAFAF - #E5CCC0

HSV Blend

#ABAFAF - #E5CCC0 | 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 #ABAFAF as 0% and #E5CCC0 as 100%.

0.0%	0.0% #ABAFAF	RGB 171 175 175	#ABAFAF
16.7%	16.7% #AFB8B4	RGB 175 184 180	#AFB8B4
33.3%	33.3% #B3C1B5	RGB 179 193 181	#B3C1B5
50.0%	50.0% #BDCAB7	RGB 189 202 183	#BDCAB7
66.7%	66.7% #CDD3BA	RGB 205 211 186	#CDD3BA
83.3%	83.3% #DCD5BD	RGB 220 213 189	#DCD5BD
100.0%	100.0% #E5CCC0	RGB 229 204 192	#E5CCC0

#ABAFAF #AFB8B4 #B3C1B5 #BDCAB7 #CDD3BA #DCD5BD #E5CCC0

#ABAFAF - #BDCAB7 - #E5CCC0

CSS codes

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

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