#FF5E9F - #BB0054 | 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 #FF5E9F to #BB0054

#FF5E9F #BB0054

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

#FF5E9F - #BB0054 | 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 #FF5E9F as 0% and #BB0054 as 100%.

0.0%	0.0% #FF5E9F	RGB 255 94 159	#FF5E9F
16.7%	16.7% #F34E92	RGB 243 78 146	#F34E92
33.3%	33.3% #E83E86	RGB 232 62 134	#E83E86
50.0%	50.0% #DD2F79	RGB 221 47 121	#DD2F79
66.7%	66.7% #D11F6D	RGB 209 31 109	#D11F6D
83.3%	83.3% #C60F60	RGB 198 15 96	#C60F60
100.0%	100.0% #BB0054	RGB 187 0 84	#BB0054

#FF5E9F #F34E92 #E83E86 #DD2F79 #D11F6D #C60F60 #BB0054

#FF5E9F - #BB0054

HSV Blend

#FF5E9F - #BB0054 | 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 #FF5E9F as 0% and #BB0054 as 100%.

0.0%	0.0% #FF5D9F	RGB 255 93 159	#FF5D9F
16.7%	16.7% #F34A90	RGB 243 74 144	#F34A90
33.3%	33.3% #E83982	RGB 232 57 130	#E83982
50.0%	50.0% #DD2875	RGB 221 40 117	#DD2875
66.7%	66.7% #D11969	RGB 209 25 105	#D11969
83.3%	83.3% #C60C5E	RGB 198 12 94	#C60C5E
100.0%	100.0% #BB0054	RGB 187 0 84	#BB0054

#FF5D9F #F34A90 #E83982 #DD2875 #D11969 #C60C5E #BB0054

#FF5E9F - #DD2875 - #BB0054

CSS codes

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

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