#FF5B8C - #DF1965 | 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 #FF5B8C to #DF1965

#FF5B8C #DF1965

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

#FF5B8C - #DF1965 | 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 #FF5B8C as 0% and #DF1965 as 100%.

0.0%	0.0% #FF5B8C	RGB 255 91 140	#FF5B8C
16.7%	16.7% #F95085	RGB 249 80 133	#F95085
33.3%	33.3% #F4457F	RGB 244 69 127	#F4457F
50.0%	50.0% #EF3A78	RGB 239 58 120	#EF3A78
66.7%	66.7% #E92F72	RGB 233 47 114	#E92F72
83.3%	83.3% #E4246B	RGB 228 36 107	#E4246B
100.0%	100.0% #DF1965	RGB 223 25 101	#DF1965

#FF5B8C #F95085 #F4457F #EF3A78 #E92F72 #E4246B #DF1965

#FF5B8C - #DF1965

HSV Blend

#FF5B8C - #DF1965 | 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 #FF5B8C as 0% and #DF1965 as 100%.

0.0%	0.0% #FF5B8C	RGB 255 91 140	#FF5B8C
16.7%	16.7% #F94E84	RGB 249 78 132	#F94E84
33.3%	33.3% #F4437D	RGB 244 67 125	#F4437D
50.0%	50.0% #EF3876	RGB 239 56 118	#EF3876
66.7%	66.7% #E92D70	RGB 233 45 112	#E92D70
83.3%	83.3% #E4226A	RGB 228 34 106	#E4226A
100.0%	100.0% #DF1965	RGB 223 25 101	#DF1965

#FF5B8C #F94E84 #F4437D #EF3876 #E92D70 #E4226A #DF1965

#FF5B8C - #EF3876 - #DF1965

CSS codes

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

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