#AC5E9F - #C4B5C1 | 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 #AC5E9F to #C4B5C1

#AC5E9F #C4B5C1

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

#AC5E9F - #C4B5C1 | 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 #AC5E9F as 0% and #C4B5C1 as 100%.

0.0%	0.0% #AC5E9F	RGB 172 94 159	#AC5E9F
16.7%	16.7% #B06CA4	RGB 176 108 164	#B06CA4
33.3%	33.3% #B47BAA	RGB 180 123 170	#B47BAA
50.0%	50.0% #B889B0	RGB 184 137 176	#B889B0
66.7%	66.7% #BC98B5	RGB 188 152 181	#BC98B5
83.3%	83.3% #C0A6BB	RGB 192 166 187	#C0A6BB
100.0%	100.0% #C4B5C1	RGB 196 181 193	#C4B5C1

#AC5E9F #B06CA4 #B47BAA #B889B0 #BC98B5 #C0A6BB #C4B5C1

#AC5E9F - #C4B5C1

HSV Blend

#AC5E9F - #C4B5C1 | 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 #AC5E9F as 0% and #C4B5C1 as 100%.

0.0%	0.0% #AC5E9F	RGB 172 94 159	#AC5E9F
16.7%	16.7% #B06BA4	RGB 176 107 164	#B06BA4
33.3%	33.3% #B478A9	RGB 180 120 169	#B478A9
50.0%	50.0% #B887AF	RGB 184 135 175	#B887AF
66.7%	66.7% #BC95B4	RGB 188 149 180	#BC95B4
83.3%	83.3% #C0A5BA	RGB 192 165 186	#C0A5BA
100.0%	100.0% #C4B5C1	RGB 196 181 193	#C4B5C1

#AC5E9F #B06BA4 #B478A9 #B887AF #BC95B4 #C0A5BA #C4B5C1

#AC5E9F - #B887AF - #C4B5C1

CSS codes

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

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