#AC2B9D - #E7C2E3 | 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 #AC2B9D to #E7C2E3

#AC2B9D #E7C2E3

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

#AC2B9D - #E7C2E3 | 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 #AC2B9D as 0% and #E7C2E3 as 100%.

0.0%	0.0% #AC2B9D	RGB 172 43 157	#AC2B9D
16.7%	16.7% #B544A8	RGB 181 68 168	#B544A8
33.3%	33.3% #BF5DB4	RGB 191 93 180	#BF5DB4
50.0%	50.0% #C976C0	RGB 201 118 192	#C976C0
66.7%	66.7% #D38FCB	RGB 211 143 203	#D38FCB
83.3%	83.3% #DDA8D7	RGB 221 168 215	#DDA8D7
100.0%	100.0% #E7C2E3	RGB 231 194 227	#E7C2E3

#AC2B9D #B544A8 #BF5DB4 #C976C0 #D38FCB #DDA8D7 #E7C2E3

#AC2B9D - #E7C2E3

HSV Blend

#AC2B9D - #E7C2E3 | 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 #AC2B9D as 0% and #E7C2E3 as 100%.

0.0%	0.0% #AC2B9D	RGB 172 43 157	#AC2B9D
16.7%	16.7% #B53FA8	RGB 181 63 168	#B53FA8
33.3%	33.3% #BF55B3	RGB 191 85 179	#BF55B3
50.0%	50.0% #C96DBF	RGB 201 109 191	#C96DBF
66.7%	66.7% #D387CA	RGB 211 135 202	#D387CA
83.3%	83.3% #DDA4D6	RGB 221 164 214	#DDA4D6
100.0%	100.0% #E7C2E3	RGB 231 194 227	#E7C2E3

#AC2B9D #B53FA8 #BF55B3 #C96DBF #D387CA #DDA4D6 #E7C2E3

#AC2B9D - #C96DBF - #E7C2E3

CSS codes

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

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