#ACACB5 - #EAC9FF | 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 #ACACB5 to #EAC9FF

#ACACB5 #EAC9FF

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

#ACACB5 - #EAC9FF | 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 #ACACB5 as 0% and #EAC9FF as 100%.

0.0%	0.0% #ACACB5	RGB 172 172 181	#ACACB5
16.7%	16.7% #B6B0C1	RGB 182 176 193	#B6B0C1
33.3%	33.3% #C0B5CD	RGB 192 181 205	#C0B5CD
50.0%	50.0% #CBBADA	RGB 203 186 218	#CBBADA
66.7%	66.7% #D5BFE6	RGB 213 191 230	#D5BFE6
83.3%	83.3% #DFC4F2	RGB 223 196 242	#DFC4F2
100.0%	100.0% #EAC9FF	RGB 234 201 255	#EAC9FF

#ACACB5 #B6B0C1 #C0B5CD #CBBADA #D5BFE6 #DFC4F2 #EAC9FF

#ACACB5 - #EAC9FF

HSV Blend

#ACACB5 - #EAC9FF | 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 #ACACB5 as 0% and #EAC9FF as 100%.

0.0%	0.0% #ACACB5	RGB 172 172 181	#ACACB5
16.7%	16.7% #B4B2C1	RGB 180 178 193	#B4B2C1
33.3%	33.3% #BCB8CD	RGB 188 184 205	#BCB8CD
50.0%	50.0% #C6BDDA	RGB 198 189 218	#C6BDDA
66.7%	66.7% #D0C1E6	RGB 208 193 230	#D0C1E6
83.3%	83.3% #DCC5F2	RGB 220 197 242	#DCC5F2
100.0%	100.0% #EAC9FF	RGB 234 201 255	#EAC9FF

#ACACB5 #B4B2C1 #BCB8CD #C6BDDA #D0C1E6 #DCC5F2 #EAC9FF

#ACACB5 - #C6BDDA - #EAC9FF

CSS codes

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

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