#FF5ECE - #BF008A | 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 #FF5ECE to #BF008A

#FF5ECE #BF008A

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

#FF5ECE - #BF008A | 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 #FF5ECE as 0% and #BF008A as 100%.

0.0%	0.0% #FF5ECE	RGB 255 94 206	#FF5ECE
16.7%	16.7% #F44EC2	RGB 244 78 194	#F44EC2
33.3%	33.3% #E93EB7	RGB 233 62 183	#E93EB7
50.0%	50.0% #DF2FAC	RGB 223 47 172	#DF2FAC
66.7%	66.7% #D41FA0	RGB 212 31 160	#D41FA0
83.3%	83.3% #C90F95	RGB 201 15 149	#C90F95
100.0%	100.0% #BF008A	RGB 191 0 138	#BF008A

#FF5ECE #F44EC2 #E93EB7 #DF2FAC #D41FA0 #C90F95 #BF008A

#FF5ECE - #BF008A

HSV Blend

#FF5ECE - #BF008A | 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 #FF5ECE as 0% and #BF008A as 100%.

0.0%	0.0% #FF5DCE	RGB 255 93 206	#FF5DCE
16.7%	16.7% #F44BC1	RGB 244 75 193	#F44BC1
33.3%	33.3% #E939B5	RGB 233 57 181	#E939B5
50.0%	50.0% #DF29AA	RGB 223 41 170	#DF29AA
66.7%	66.7% #D41A9E	RGB 212 26 158	#D41A9E
83.3%	83.3% #C90C94	RGB 201 12 148	#C90C94
100.0%	100.0% #BF008A	RGB 191 0 138	#BF008A

#FF5DCE #F44BC1 #E939B5 #DF29AA #D41A9E #C90C94 #BF008A

#FF5ECE - #DF29AA - #BF008A

CSS codes

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

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