#AC2FCB - #F596E1 | 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 #AC2FCB to #F596E1

#AC2FCB #F596E1

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

#AC2FCB - #F596E1 | 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 #AC2FCB as 0% and #F596E1 as 100%.

0.0%	0.0% #AC2FCB	RGB 172 47 203	#AC2FCB
16.7%	16.7% #B840CE	RGB 184 64 206	#B840CE
33.3%	33.3% #C451D2	RGB 196 81 210	#C451D2
50.0%	50.0% #D062D6	RGB 208 98 214	#D062D6
66.7%	66.7% #DC73D9	RGB 220 115 217	#DC73D9
83.3%	83.3% #E884DD	RGB 232 132 221	#E884DD
100.0%	100.0% #F596E1	RGB 245 150 225	#F596E1

#AC2FCB #B840CE #C451D2 #D062D6 #DC73D9 #E884DD #F596E1

#AC2FCB - #F596E1

HSV Blend

#AC2FCB - #F596E1 | 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 #AC2FCB as 0% and #F596E1 as 100%.

0.0%	0.0% #AB2FCB	RGB 171 47 203	#AB2FCB
16.7%	16.7% #BE3DD2	RGB 190 61 210	#BE3DD2
33.3%	33.3% #D04DD9	RGB 208 77 217	#D04DD9
50.0%	50.0% #E05EDF	RGB 224 94 223	#E05EDF
66.7%	66.7% #E770DE	RGB 231 112 222	#E770DE
83.3%	83.3% #EE82DE	RGB 238 130 222	#EE82DE
100.0%	100.0% #F596E1	RGB 245 150 225	#F596E1

#AB2FCB #BE3DD2 #D04DD9 #E05EDF #E770DE #EE82DE #F596E1

#AC2FCB - #E05EDF - #F596E1

CSS codes

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

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