#B86BDB - #FD8BF3 | 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 #B86BDB to #FD8BF3

#B86BDB #FD8BF3

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

#B86BDB - #FD8BF3 | 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 #B86BDB as 0% and #FD8BF3 as 100%.

0.0%	0.0% #B86BDB	RGB 184 107 219	#B86BDB
16.7%	16.7% #C370DF	RGB 195 112 223	#C370DF
33.3%	33.3% #CF75E3	RGB 207 117 227	#CF75E3
50.0%	50.0% #DA7BE7	RGB 218 123 231	#DA7BE7
66.7%	66.7% #E680EB	RGB 230 128 235	#E680EB
83.3%	83.3% #F185EF	RGB 241 133 239	#F185EF
100.0%	100.0% #FD8BF3	RGB 253 139 243	#FD8BF3

#B86BDB #C370DF #CF75E3 #DA7BE7 #E680EB #F185EF #FD8BF3

#B86BDB - #FD8BF3

HSV Blend

#B86BDB - #FD8BF3 | 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 #B86BDB as 0% and #FD8BF3 as 100%.

0.0%	0.0% #B86BDB	RGB 184 107 219	#B86BDB
16.7%	16.7% #C470E0	RGB 196 112 224	#C470E0
33.3%	33.3% #D275E6	RGB 210 117 230	#D275E6
50.0%	50.0% #DF7AEC	RGB 223 122 236	#DF7AEC
66.7%	66.7% #EC7FF1	RGB 236 127 241	#EC7FF1
83.3%	83.3% #F785F4	RGB 247 133 244	#F785F4
100.0%	100.0% #FD8BF3	RGB 253 139 243	#FD8BF3

#B86BDB #C470E0 #D275E6 #DF7AEC #EC7FF1 #F785F4 #FD8BF3

#B86BDB - #DF7AEC - #FD8BF3

CSS codes

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

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