#AC5E94 - #C5ACBD | 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 #AC5E94 to #C5ACBD

#AC5E94 #C5ACBD

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

#AC5E94 - #C5ACBD | 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 #AC5E94 as 0% and #C5ACBD as 100%.

0.0%	0.0% #AC5E94	RGB 172 94 148	#AC5E94
16.7%	16.7% #B06B9A	RGB 176 107 154	#B06B9A
33.3%	33.3% #B478A1	RGB 180 120 161	#B478A1
50.0%	50.0% #B885A8	RGB 184 133 168	#B885A8
66.7%	66.7% #BC92AF	RGB 188 146 175	#BC92AF
83.3%	83.3% #C09FB6	RGB 192 159 182	#C09FB6
100.0%	100.0% #C5ACBD	RGB 197 172 189	#C5ACBD

#AC5E94 #B06B9A #B478A1 #B885A8 #BC92AF #C09FB6 #C5ACBD

#AC5E94 - #C5ACBD

HSV Blend

#AC5E94 - #C5ACBD | 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 #AC5E94 as 0% and #C5ACBD as 100%.

0.0%	0.0% #AC5E94	RGB 172 94 148	#AC5E94
16.7%	16.7% #B0699A	RGB 176 105 154	#B0699A
33.3%	33.3% #B476A0	RGB 180 118 160	#B476A0
50.0%	50.0% #B882A7	RGB 184 130 167	#B882A7
66.7%	66.7% #BC90AE	RGB 188 144 174	#BC90AE
83.3%	83.3% #C09DB5	RGB 192 157 181	#C09DB5
100.0%	100.0% #C5ACBD	RGB 197 172 189	#C5ACBD

#AC5E94 #B0699A #B476A0 #B882A7 #BC90AE #C09DB5 #C5ACBD

#AC5E94 - #B882A7 - #C5ACBD

CSS codes

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

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