#ACAFAC - #E7E6C0 | 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 #ACAFAC to #E7E6C0

#ACAFAC #E7E6C0

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

#ACAFAC - #E7E6C0 | 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 #ACAFAC as 0% and #E7E6C0 as 100%.

0.0%	0.0% #ACAFAC	RGB 172 175 172	#ACAFAC
16.7%	16.7% #B5B8AF	RGB 181 184 175	#B5B8AF
33.3%	33.3% #BFC1B2	RGB 191 193 178	#BFC1B2
50.0%	50.0% #C9CAB6	RGB 201 202 182	#C9CAB6
66.7%	66.7% #D3D3B9	RGB 211 211 185	#D3D3B9
83.3%	83.3% #DDDCBC	RGB 221 220 188	#DDDCBC
100.0%	100.0% #E7E6C0	RGB 231 230 192	#E7E6C0

#ACAFAC #B5B8AF #BFC1B2 #C9CAB6 #D3D3B9 #DDDCBC #E7E6C0

#ACAFAC - #E7E6C0

HSV Blend

#ACAFAC - #E7E6C0 | 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 #ACAFAC as 0% and #E7E6C0 as 100%.

0.0%	0.0% #ACAFAC	RGB 172 175 172	#ACAFAC
16.7%	16.7% #B1B8B0	RGB 177 184 176	#B1B8B0
33.3%	33.3% #B9C1B4	RGB 185 193 180	#B9C1B4
50.0%	50.0% #C1CBB8	RGB 193 203 184	#C1CBB8
66.7%	66.7% #CCD4BB	RGB 204 212 187	#CCD4BB
83.3%	83.3% #D9DDBD	RGB 217 221 189	#D9DDBD
100.0%	100.0% #E7E6C0	RGB 231 230 192	#E7E6C0

#ACAFAC #B1B8B0 #B9C1B4 #C1CBB8 #CCD4BB #D9DDBD #E7E6C0

#ACAFAC - #C1CBB8 - #E7E6C0

CSS codes

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

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