#FF85B7 - #B9ACFF | 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 #FF85B7 to #B9ACFF

#FF85B7 #B9ACFF

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

#FF85B7 - #B9ACFF | 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 #FF85B7 as 0% and #B9ACFF as 100%.

0.0%	0.0% #FF85B7	RGB 255 133 183	#FF85B7
16.7%	16.7% #F38BC3	RGB 243 139 195	#F38BC3
33.3%	33.3% #E792CF	RGB 231 146 207	#E792CF
50.0%	50.0% #DC98DB	RGB 220 152 219	#DC98DB
66.7%	66.7% #D09FE7	RGB 208 159 231	#D09FE7
83.3%	83.3% #C4A5F3	RGB 196 165 243	#C4A5F3
100.0%	100.0% #B9ACFF	RGB 185 172 255	#B9ACFF

#FF85B7 #F38BC3 #E792CF #DC98DB #D09FE7 #C4A5F3 #B9ACFF

#FF85B7 - #B9ACFF

HSV Blend

#FF85B7 - #B9ACFF | 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 #FF85B7 as 0% and #B9ACFF as 100%.

0.0%	0.0% #FF85B7	RGB 255 133 183	#FF85B7
16.7%	16.7% #FF8BD6	RGB 255 139 214	#FF8BD6
33.3%	33.3% #FF92F2	RGB 255 146 242	#FF92F2
50.0%	50.0% #F298FF	RGB 242 152 255	#F298FF
66.7%	66.7% #DB9FFF	RGB 219 159 255	#DB9FFF
83.3%	83.3% #C8A5FF	RGB 200 165 255	#C8A5FF
100.0%	100.0% #B9ACFF	RGB 185 172 255	#B9ACFF

#FF85B7 #FF8BD6 #FF92F2 #F298FF #DB9FFF #C8A5FF #B9ACFF

#FF85B7 - #F298FF - #B9ACFF

CSS codes

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

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