#FF5D6F - #DB1B3E | 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 #FF5D6F to #DB1B3E

#FF5D6F #DB1B3E

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

#FF5D6F - #DB1B3E | 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 #FF5D6F as 0% and #DB1B3E as 100%.

0.0%	0.0% #FF5D6F	RGB 255 93 111	#FF5D6F
16.7%	16.7% #F95266	RGB 249 82 102	#F95266
33.3%	33.3% #F3475E	RGB 243 71 94	#F3475E
50.0%	50.0% #ED3C56	RGB 237 60 86	#ED3C56
66.7%	66.7% #E7314E	RGB 231 49 78	#E7314E
83.3%	83.3% #E12646	RGB 225 38 70	#E12646
100.0%	100.0% #DB1B3E	RGB 219 27 62	#DB1B3E

#FF5D6F #F95266 #F3475E #ED3C56 #E7314E #E12646 #DB1B3E

#FF5D6F - #DB1B3E

HSV Blend

#FF5D6F - #DB1B3E | 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 #FF5D6F as 0% and #DB1B3E as 100%.

0.0%	0.0% #FF5D6F	RGB 255 93 111	#FF5D6F
16.7%	16.7% #F95065	RGB 249 80 101	#F95065
33.3%	33.3% #F3455C	RGB 243 69 92	#F3455C
50.0%	50.0% #ED3954	RGB 237 57 84	#ED3954
66.7%	66.7% #E72F4C	RGB 231 47 76	#E72F4C
83.3%	83.3% #E12444	RGB 225 36 68	#E12444
100.0%	100.0% #DB1B3E	RGB 219 27 62	#DB1B3E

#FF5D6F #F95065 #F3455C #ED3954 #E72F4C #E12444 #DB1B3E

#FF5D6F - #ED3954 - #DB1B3E

CSS codes

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

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