#FF85DC - #ACB7FF | 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 #FF85DC to #ACB7FF

#FF85DC #ACB7FF

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

#FF85DC - #ACB7FF | 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 #FF85DC as 0% and #ACB7FF as 100%.

0.0%	0.0% #FF85DC	RGB 255 133 220	#FF85DC
16.7%	16.7% #F18DE1	RGB 241 141 225	#F18DE1
33.3%	33.3% #E395E7	RGB 227 149 231	#E395E7
50.0%	50.0% #D59EED	RGB 213 158 237	#D59EED
66.7%	66.7% #C7A6F3	RGB 199 166 243	#C7A6F3
83.3%	83.3% #B9AEF9	RGB 185 174 249	#B9AEF9
100.0%	100.0% #ACB7FF	RGB 172 183 255	#ACB7FF

#FF85DC #F18DE1 #E395E7 #D59EED #C7A6F3 #B9AEF9 #ACB7FF

#FF85DC - #ACB7FF

HSV Blend

#FF85DC - #ACB7FF | 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 #FF85DC as 0% and #ACB7FF as 100%.

0.0%	0.0% #FF85DC	RGB 255 133 220	#FF85DC
16.7%	16.7% #FF8BF9	RGB 255 139 249	#FF8BF9
33.3%	33.3% #EA92FF	RGB 234 146 255	#EA92FF
50.0%	50.0% #D398FF	RGB 211 152 255	#D398FF
66.7%	66.7% #BF9FFF	RGB 191 159 255	#BF9FFF
83.3%	83.3% #AEA5FF	RGB 174 165 255	#AEA5FF
100.0%	100.0% #ACB7FF	RGB 172 183 255	#ACB7FF

#FF85DC #FF8BF9 #EA92FF #D398FF #BF9FFF #AEA5FF #ACB7FF

#FF85DC - #D398FF - #ACB7FF

CSS codes

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

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