#FF6F5E - #D7261C | 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 #FF6F5E to #D7261C

#FF6F5E #D7261C

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

#FF6F5E - #D7261C | 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 #FF6F5E as 0% and #D7261C as 100%.

0.0%	0.0% #FF6F5E	RGB 255 111 94	#FF6F5E
16.7%	16.7% #F86253	RGB 248 98 83	#F86253
33.3%	33.3% #F15648	RGB 241 86 72	#F15648
50.0%	50.0% #EB4A3D	RGB 235 74 61	#EB4A3D
66.7%	66.7% #E43E32	RGB 228 62 50	#E43E32
83.3%	83.3% #DD3227	RGB 221 50 39	#DD3227
100.0%	100.0% #D7261C	RGB 215 38 28	#D7261C

#FF6F5E #F86253 #F15648 #EB4A3D #E43E32 #DD3227 #D7261C

#FF6F5E - #D7261C

HSV Blend

#FF6F5E - #D7261C | 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 #FF6F5E as 0% and #D7261C as 100%.

0.0%	0.0% #FF6F5D	RGB 255 111 93	#FF6F5D
16.7%	16.7% #F86151	RGB 248 97 81	#F86151
33.3%	33.3% #F15545	RGB 241 85 69	#F15545
50.0%	50.0% #EB483A	RGB 235 72 58	#EB483A
66.7%	66.7% #E43C2F	RGB 228 60 47	#E43C2F
83.3%	83.3% #DD3125	RGB 221 49 37	#DD3125
100.0%	100.0% #D7261C	RGB 215 38 28	#D7261C

#FF6F5D #F86151 #F15545 #EB483A #E43C2F #DD3125 #D7261C

#FF6F5E - #EB483A - #D7261C

CSS codes

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

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