#AC0EB5 - #FE70CF | 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 #AC0EB5 to #FE70CF

#AC0EB5 #FE70CF

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

#AC0EB5 - #FE70CF | 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 #AC0EB5 as 0% and #FE70CF as 100%.

0.0%	0.0% #AC0EB5	RGB 172 14 181	#AC0EB5
16.7%	16.7% #B91EB9	RGB 185 30 185	#B91EB9
33.3%	33.3% #C72EBD	RGB 199 46 189	#C72EBD
50.0%	50.0% #D53FC2	RGB 213 63 194	#D53FC2
66.7%	66.7% #E24FC6	RGB 226 79 198	#E24FC6
83.3%	83.3% #F05FCA	RGB 240 95 202	#F05FCA
100.0%	100.0% #FE70CF	RGB 254 112 207	#FE70CF

#AC0EB5 #B91EB9 #C72EBD #D53FC2 #E24FC6 #F05FCA #FE70CF

#AC0EB5 - #FE70CF

HSV Blend

#AC0EB5 - #FE70CF | 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 #AC0EB5 as 0% and #FE70CF as 100%.

0.0%	0.0% #AC0DB5	RGB 172 13 181	#AC0DB5
16.7%	16.7% #C11ABF	RGB 193 26 191	#C11ABF
33.3%	33.3% #CD28C1	RGB 205 40 193	#CD28C1
50.0%	50.0% #D938C3	RGB 217 56 195	#D938C3
66.7%	66.7% #E549C5	RGB 229 73 197	#E549C5
83.3%	83.3% #F15BC9	RGB 241 91 201	#F15BC9
100.0%	100.0% #FE70CF	RGB 254 112 207	#FE70CF

#AC0DB5 #C11ABF #CD28C1 #D938C3 #E549C5 #F15BC9 #FE70CF

#AC0EB5 - #D938C3 - #FE70CF

CSS codes

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

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