#FF5E7F - #B60839 | 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 #FF5E7F to #B60839

#FF5E7F #B60839

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

#FF5E7F - #B60839 | 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 #FF5E7F as 0% and #B60839 as 100%.

0.0%	0.0% #FF5E7F	RGB 255 94 127	#FF5E7F
16.7%	16.7% #F24F73	RGB 242 79 115	#F24F73
33.3%	33.3% #E64167	RGB 230 65 103	#E64167
50.0%	50.0% #DA335C	RGB 218 51 92	#DA335C
66.7%	66.7% #CE2450	RGB 206 36 80	#CE2450
83.3%	83.3% #C21644	RGB 194 22 68	#C21644
100.0%	100.0% #B60839	RGB 182 8 57	#B60839

#FF5E7F #F24F73 #E64167 #DA335C #CE2450 #C21644 #B60839

#FF5E7F - #B60839

HSV Blend

#FF5E7F - #B60839 | 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 #FF5E7F as 0% and #B60839 as 100%.

0.0%	0.0% #FF5D7F	RGB 255 93 127	#FF5D7F
16.7%	16.7% #F24C70	RGB 242 76 112	#F24C70
33.3%	33.3% #E63C63	RGB 230 60 99	#E63C63
50.0%	50.0% #DA2D57	RGB 218 45 87	#DA2D57
66.7%	66.7% #CE1F4C	RGB 206 31 76	#CE1F4C
83.3%	83.3% #C21342	RGB 194 19 66	#C21342
100.0%	100.0% #B60839	RGB 182 8 57	#B60839

#FF5D7F #F24C70 #E63C63 #DA2D57 #CE1F4C #C21342 #B60839

#FF5E7F - #DA2D57 - #B60839

CSS codes

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

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