#FD5ECE - #BD008A | 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 #FD5ECE to #BD008A

#FD5ECE #BD008A

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

#FD5ECE - #BD008A | 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 #FD5ECE as 0% and #BD008A as 100%.

0.0%	0.0% #FD5ECE	RGB 253 94 206	#FD5ECE
16.7%	16.7% #F24EC2	RGB 242 78 194	#F24EC2
33.3%	33.3% #E73EB7	RGB 231 62 183	#E73EB7
50.0%	50.0% #DD2FAC	RGB 221 47 172	#DD2FAC
66.7%	66.7% #D21FA0	RGB 210 31 160	#D21FA0
83.3%	83.3% #C70F95	RGB 199 15 149	#C70F95
100.0%	100.0% #BD008A	RGB 189 0 138	#BD008A

#FD5ECE #F24EC2 #E73EB7 #DD2FAC #D21FA0 #C70F95 #BD008A

#FD5ECE - #BD008A

HSV Blend

#FD5ECE - #BD008A | 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 #FD5ECE as 0% and #BD008A as 100%.

0.0%	0.0% #FD5ECE	RGB 253 94 206	#FD5ECE
16.7%	16.7% #F24BC1	RGB 242 75 193	#F24BC1
33.3%	33.3% #E739B5	RGB 231 57 181	#E739B5
50.0%	50.0% #DD29AA	RGB 221 41 170	#DD29AA
66.7%	66.7% #D21A9F	RGB 210 26 159	#D21A9F
83.3%	83.3% #C70C94	RGB 199 12 148	#C70C94
100.0%	100.0% #BD008A	RGB 189 0 138	#BD008A

#FD5ECE #F24BC1 #E739B5 #DD29AA #D21A9F #C70C94 #BD008A

#FD5ECE - #DD29AA - #BD008A

CSS codes

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

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