#BD2FD5 - #FB9EEB | 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 #BD2FD5 to #FB9EEB

#BD2FD5 #FB9EEB

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

#BD2FD5 - #FB9EEB | 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 #BD2FD5 as 0% and #FB9EEB as 100%.

0.0%	0.0% #BD2FD5	RGB 189 47 213	#BD2FD5
16.7%	16.7% #C741D8	RGB 199 65 216	#C741D8
33.3%	33.3% #D154DC	RGB 209 84 220	#D154DC
50.0%	50.0% #DC66E0	RGB 220 102 224	#DC66E0
66.7%	66.7% #E679E3	RGB 230 121 227	#E679E3
83.3%	83.3% #F08BE7	RGB 240 139 231	#F08BE7
100.0%	100.0% #FB9EEB	RGB 251 158 235	#FB9EEB

#BD2FD5 #C741D8 #D154DC #DC66E0 #E679E3 #F08BE7 #FB9EEB

#BD2FD5 - #FB9EEB

HSV Blend

#BD2FD5 - #FB9EEB | 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 #BD2FD5 as 0% and #FB9EEB as 100%.

0.0%	0.0% #BD2FD5	RGB 189 47 213	#BD2FD5
16.7%	16.7% #CD3FDB	RGB 205 63 219	#CD3FDB
33.3%	33.3% #DC50E1	RGB 220 80 225	#DC50E1
50.0%	50.0% #E862E6	RGB 232 98 230	#E862E6
66.7%	66.7% #EE75E6	RGB 238 117 230	#EE75E6
83.3%	83.3% #F489E7	RGB 244 137 231	#F489E7
100.0%	100.0% #FB9EEB	RGB 251 158 235	#FB9EEB

#BD2FD5 #CD3FDB #DC50E1 #E862E6 #EE75E6 #F489E7 #FB9EEB

#BD2FD5 - #E862E6 - #FB9EEB

CSS codes

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

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