#FF5B5B - #CF161B | 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 #FF5B5B to #CF161B

#FF5B5B #CF161B

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

#FF5B5B - #CF161B | 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 #FF5B5B as 0% and #CF161B as 100%.

0.0%	0.0% #FF5B5B	RGB 255 91 91	#FF5B5B
16.7%	16.7% #F74F50	RGB 247 79 80	#F74F50
33.3%	33.3% #EF4445	RGB 239 68 69	#EF4445
50.0%	50.0% #E7383B	RGB 231 56 59	#E7383B
66.7%	66.7% #DF2D30	RGB 223 45 48	#DF2D30
83.3%	83.3% #D72125	RGB 215 33 37	#D72125
100.0%	100.0% #CF161B	RGB 207 22 27	#CF161B

#FF5B5B #F74F50 #EF4445 #E7383B #DF2D30 #D72125 #CF161B

#FF5B5B - #CF161B

HSV Blend

#FF5B5B - #CF161B | 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 #FF5B5B as 0% and #CF161B as 100%.

0.0%	0.0% #FF5B5B	RGB 255 91 91	#FF5B5B
16.7%	16.7% #F74D4E	RGB 247 77 78	#F74D4E
33.3%	33.3% #EF4142	RGB 239 65 66	#EF4142
50.0%	50.0% #E73537	RGB 231 53 55	#E73537
66.7%	66.7% #DF2A2D	RGB 223 42 45	#DF2A2D
83.3%	83.3% #D71F23	RGB 215 31 35	#D71F23
100.0%	100.0% #CF161B	RGB 207 22 27	#CF161B

#FF5B5B #F74D4E #EF4142 #E73537 #DF2A2D #D71F23 #CF161B

#FF5B5B - #E73537 - #CF161B

CSS codes

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

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