#AC3CAC - #FC96B6 | 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 #AC3CAC to #FC96B6

#AC3CAC #FC96B6

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

#AC3CAC - #FC96B6 | 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 #AC3CAC as 0% and #FC96B6 as 100%.

0.0%	0.0% #AC3CAC	RGB 172 60 172	#AC3CAC
16.7%	16.7% #B94BAD	RGB 185 75 173	#B94BAD
33.3%	33.3% #C65AAF	RGB 198 90 175	#C65AAF
50.0%	50.0% #D469B1	RGB 212 105 177	#D469B1
66.7%	66.7% #E178B2	RGB 225 120 178	#E178B2
83.3%	83.3% #EE87B4	RGB 238 135 180	#EE87B4
100.0%	100.0% #FC96B6	RGB 252 150 182	#FC96B6

#AC3CAC #B94BAD #C65AAF #D469B1 #E178B2 #EE87B4 #FC96B6

#AC3CAC - #FC96B6

HSV Blend

#AC3CAC - #FC96B6 | 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 #AC3CAC as 0% and #FC96B6 as 100%.

0.0%	0.0% #AB3CAC	RGB 171 60 172	#AB3CAC
16.7%	16.7% #B948AC	RGB 185 72 172	#B948AC
33.3%	33.3% #C655AC	RGB 198 85 172	#C655AC
50.0%	50.0% #D464AD	RGB 212 100 173	#D464AD
66.7%	66.7% #E173AF	RGB 225 115 175	#E173AF
83.3%	83.3% #EE84B1	RGB 238 132 177	#EE84B1
100.0%	100.0% #FC96B6	RGB 252 150 182	#FC96B6

#AB3CAC #B948AC #C655AC #D464AD #E173AF #EE84B1 #FC96B6

#AC3CAC - #D464AD - #FC96B6

CSS codes

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

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