#BD6AFF - #FB8CEC | 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 #BD6AFF to #FB8CEC

#BD6AFF #FB8CEC

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

#BD6AFF - #FB8CEC | 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 #BD6AFF as 0% and #FB8CEC as 100%.

0.0%	0.0% #BD6AFF	RGB 189 106 255	#BD6AFF
16.7%	16.7% #C76FFB	RGB 199 111 251	#C76FFB
33.3%	33.3% #D175F8	RGB 209 117 248	#D175F8
50.0%	50.0% #DC7BF5	RGB 220 123 245	#DC7BF5
66.7%	66.7% #E680F2	RGB 230 128 242	#E680F2
83.3%	83.3% #F086EF	RGB 240 134 239	#F086EF
100.0%	100.0% #FB8CEC	RGB 251 140 236	#FB8CEC

#BD6AFF #C76FFB #D175F8 #DC7BF5 #E680F2 #F086EF #FB8CEC

#BD6AFF - #FB8CEC

HSV Blend

#BD6AFF - #FB8CEC | 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 #BD6AFF as 0% and #FB8CEC as 100%.

0.0%	0.0% #BD6AFF	RGB 189 106 255	#BD6AFF
16.7%	16.7% #CC6FFE	RGB 204 111 254	#CC6FFE
33.3%	33.3% #DB75FD	RGB 219 117 253	#DB75FD
50.0%	50.0% #E97BFD	RGB 233 123 253	#E97BFD
66.7%	66.7% #F580FC	RGB 245 128 252	#F580FC
83.3%	83.3% #FB86F7	RGB 251 134 247	#FB86F7
100.0%	100.0% #FB8CEC	RGB 251 140 236	#FB8CEC

#BD6AFF #CC6FFE #DB75FD #E97BFD #F580FC #FB86F7 #FB8CEC

#BD6AFF - #E97BFD - #FB8CEC

CSS codes

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

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