#ACAAAA - #E2B5E1 | 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 #ACAAAA to #E2B5E1

#ACAAAA #E2B5E1

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

#ACAAAA - #E2B5E1 | 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 #ACAAAA as 0% and #E2B5E1 as 100%.

0.0%	0.0% #ACAAAA	RGB 172 170 170	#ACAAAA
16.7%	16.7% #B5ABB3	RGB 181 171 179	#B5ABB3
33.3%	33.3% #BEADBC	RGB 190 173 188	#BEADBC
50.0%	50.0% #C7AFC5	RGB 199 175 197	#C7AFC5
66.7%	66.7% #D0B1CE	RGB 208 177 206	#D0B1CE
83.3%	83.3% #D9B3D7	RGB 217 179 215	#D9B3D7
100.0%	100.0% #E2B5E1	RGB 226 181 225	#E2B5E1

#ACAAAA #B5ABB3 #BEADBC #C7AFC5 #D0B1CE #D9B3D7 #E2B5E1

#ACAAAA - #E2B5E1

HSV Blend

#ACAAAA - #E2B5E1 | 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 #ACAAAA as 0% and #E2B5E1 as 100%.

0.0%	0.0% #ACAAAA	RGB 172 170 170	#ACAAAA
16.7%	16.7% #B5ADAE	RGB 181 173 174	#B5ADAE
33.3%	33.3% #BEAFB4	RGB 190 175 180	#BEAFB4
50.0%	50.0% #C7B2BC	RGB 199 178 188	#C7B2BC
66.7%	66.7% #D0B3C6	RGB 208 179 198	#D0B3C6
83.3%	83.3% #D9B4D2	RGB 217 180 210	#D9B4D2
100.0%	100.0% #E2B5E1	RGB 226 181 225	#E2B5E1

#ACAAAA #B5ADAE #BEAFB4 #C7B2BC #D0B3C6 #D9B4D2 #E2B5E1

#ACAAAA - #C7B2BC - #E2B5E1

CSS codes

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

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