#FF5E61 - #B01525 | 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 #FF5E61 to #B01525

#FF5E61 #B01525

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

#FF5E61 - #B01525 | 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 #FF5E61 as 0% and #B01525 as 100%.

0.0%	0.0% #FF5E61	RGB 255 94 97	#FF5E61
16.7%	16.7% #F15157	RGB 241 81 87	#F15157
33.3%	33.3% #E4454D	RGB 228 69 77	#E4454D
50.0%	50.0% #D73943	RGB 215 57 67	#D73943
66.7%	66.7% #CA2D39	RGB 202 45 57	#CA2D39
83.3%	83.3% #BD212F	RGB 189 33 47	#BD212F
100.0%	100.0% #B01525	RGB 176 21 37	#B01525

#FF5E61 #F15157 #E4454D #D73943 #CA2D39 #BD212F #B01525

#FF5E61 - #B01525

HSV Blend

#FF5E61 - #B01525 | 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 #FF5E61 as 0% and #B01525 as 100%.

0.0%	0.0% #FF5D60	RGB 255 93 96	#FF5D60
16.7%	16.7% #F14F54	RGB 241 79 84	#F14F54
33.3%	33.3% #E44148	RGB 228 65 72	#E44148
50.0%	50.0% #D7343E	RGB 215 52 62	#D7343E
66.7%	66.7% #CA2835	RGB 202 40 53	#CA2835
83.3%	83.3% #BD1E2C	RGB 189 30 44	#BD1E2C
100.0%	100.0% #B01525	RGB 176 21 37	#B01525

#FF5D60 #F14F54 #E44148 #D7343E #CA2835 #BD1E2C #B01525

#FF5E61 - #D7343E - #B01525

CSS codes

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

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