#B05FD1 - #F8BBD8 | 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 #B05FD1 to #F8BBD8

#B05FD1 #F8BBD8

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

#B05FD1 - #F8BBD8 | 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 #B05FD1 as 0% and #F8BBD8 as 100%.

0.0%	0.0% #B05FD1	RGB 176 95 209	#B05FD1
16.7%	16.7% #BC6ED2	RGB 188 110 210	#BC6ED2
33.3%	33.3% #C87DD3	RGB 200 125 211	#C87DD3
50.0%	50.0% #D48DD4	RGB 212 141 212	#D48DD4
66.7%	66.7% #E09CD5	RGB 224 156 213	#E09CD5
83.3%	83.3% #ECABD6	RGB 236 171 214	#ECABD6
100.0%	100.0% #F8BBD8	RGB 248 187 216	#F8BBD8

#B05FD1 #BC6ED2 #C87DD3 #D48DD4 #E09CD5 #ECABD6 #F8BBD8

#B05FD1 - #F8BBD8

HSV Blend

#B05FD1 - #F8BBD8 | 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 #B05FD1 as 0% and #F8BBD8 as 100%.

0.0%	0.0% #B05FD1	RGB 176 95 209	#B05FD1
16.7%	16.7% #C76CD7	RGB 199 108 215	#C76CD7
33.3%	33.3% #DC7BDE	RGB 220 123 222	#DC7BDE
50.0%	50.0% #E48AD9	RGB 228 138 217	#E48AD9
66.7%	66.7% #EB99D6	RGB 235 153 214	#EB99D6
83.3%	83.3% #F1AAD5	RGB 241 170 213	#F1AAD5
100.0%	100.0% #F8BBD8	RGB 248 187 216	#F8BBD8

#B05FD1 #C76CD7 #DC7BDE #E48AD9 #EB99D6 #F1AAD5 #F8BBD8

#B05FD1 - #E48AD9 - #F8BBD8

CSS codes

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

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