#FF6B5D - #D5221B | 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 #FF6B5D to #D5221B

#FF6B5D #D5221B

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

#FF6B5D - #D5221B | 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 #FF6B5D as 0% and #D5221B as 100%.

0.0%	0.0% #FF6B5D	RGB 255 107 93	#FF6B5D
16.7%	16.7% #F85E52	RGB 248 94 82	#F85E52
33.3%	33.3% #F15247	RGB 241 82 71	#F15247
50.0%	50.0% #EA463C	RGB 234 70 60	#EA463C
66.7%	66.7% #E33A31	RGB 227 58 49	#E33A31
83.3%	83.3% #DC2E26	RGB 220 46 38	#DC2E26
100.0%	100.0% #D5221B	RGB 213 34 27	#D5221B

#FF6B5D #F85E52 #F15247 #EA463C #E33A31 #DC2E26 #D5221B

#FF6B5D - #D5221B

HSV Blend

#FF6B5D - #D5221B | 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 #FF6B5D as 0% and #D5221B as 100%.

0.0%	0.0% #FF6B5D	RGB 255 107 93	#FF6B5D
16.7%	16.7% #F85D50	RGB 248 93 80	#F85D50
33.3%	33.3% #F15044	RGB 241 80 68	#F15044
50.0%	50.0% #EA4439	RGB 234 68 57	#EA4439
66.7%	66.7% #E3382E	RGB 227 56 46	#E3382E
83.3%	83.3% #DC2D24	RGB 220 45 36	#DC2D24
100.0%	100.0% #D5221B	RGB 213 34 27	#D5221B

#FF6B5D #F85D50 #F15044 #EA4439 #E3382E #DC2D24 #D5221B

#FF6B5D - #EA4439 - #D5221B

CSS codes

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

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