#FF5FD2 - #BF008F | 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 #FF5FD2 to #BF008F

#FF5FD2 #BF008F

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

#FF5FD2 - #BF008F | 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 #FF5FD2 as 0% and #BF008F as 100%.

0.0%	0.0% #FF5FD2	RGB 255 95 210	#FF5FD2
16.7%	16.7% #F44FC6	RGB 244 79 198	#F44FC6
33.3%	33.3% #E93FBB	RGB 233 63 187	#E93FBB
50.0%	50.0% #DF2FB0	RGB 223 47 176	#DF2FB0
66.7%	66.7% #D41FA5	RGB 212 31 165	#D41FA5
83.3%	83.3% #C90F9A	RGB 201 15 154	#C90F9A
100.0%	100.0% #BF008F	RGB 191 0 143	#BF008F

#FF5FD2 #F44FC6 #E93FBB #DF2FB0 #D41FA5 #C90F9A #BF008F

#FF5FD2 - #BF008F

HSV Blend

#FF5FD2 - #BF008F | 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 #FF5FD2 as 0% and #BF008F as 100%.

0.0%	0.0% #FF5FD2	RGB 255 95 210	#FF5FD2
16.7%	16.7% #F44BC5	RGB 244 75 197	#F44BC5
33.3%	33.3% #E93ABA	RGB 233 58 186	#E93ABA
50.0%	50.0% #DF29AE	RGB 223 41 174	#DF29AE
66.7%	66.7% #D41AA3	RGB 212 26 163	#D41AA3
83.3%	83.3% #C90C99	RGB 201 12 153	#C90C99
100.0%	100.0% #BF008F	RGB 191 0 143	#BF008F

#FF5FD2 #F44BC5 #E93ABA #DF29AE #D41AA3 #C90C99 #BF008F

#FF5FD2 - #DF29AE - #BF008F

CSS codes

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

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