#FA8072 - #DA3126 | 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 #FA8072 to #DA3126

#FA8072 #DA3126

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

#FA8072 - #DA3126 | 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 #FA8072 as 0% and #DA3126 as 100%.

0.0%	0.0% #FA8072	RGB 250 128 114	#FA8072
16.7%	16.7% #F47265	RGB 244 114 101	#F47265
33.3%	33.3% #EF6558	RGB 239 101 88	#EF6558
50.0%	50.0% #EA584C	RGB 234 88 76	#EA584C
66.7%	66.7% #E44B3F	RGB 228 75 63	#E44B3F
83.3%	83.3% #DF3E32	RGB 223 62 50	#DF3E32
100.0%	100.0% #DA3126	RGB 218 49 38	#DA3126

#FA8072 #F47265 #EF6558 #EA584C #E44B3F #DF3E32 #DA3126

#FA8072 - #DA3126

HSV Blend

#FA8072 - #DA3126 | 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 #FA8072 as 0% and #DA3126 as 100%.

0.0%	0.0% #FA8072	RGB 250 128 114	#FA8072
16.7%	16.7% #F47164	RGB 244 113 100	#F47164
33.3%	33.3% #EF6456	RGB 239 100 86	#EF6456
50.0%	50.0% #EA5649	RGB 234 86 73	#EA5649
66.7%	66.7% #E4493D	RGB 228 73 61	#E4493D
83.3%	83.3% #DF3D31	RGB 223 61 49	#DF3D31
100.0%	100.0% #DA3126	RGB 218 49 38	#DA3126

#FA8072 #F47164 #EF6456 #EA5649 #E4493D #DF3D31 #DA3126

#FA8072 - #EA5649 - #DA3126

CSS codes

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

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