#50242D - #B05F4A | 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 #50242D to #B05F4A

#50242D #B05F4A

Calculate the color between two colors, #50242D and #B05F4A. 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)

#50242D - #B05F4A | 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 #50242D as 0% and #B05F4A as 100%.

0.0%	0.0% #50242D	RGB 80 36 45	#50242D
16.7%	16.7% #602D31	RGB 96 45 49	#602D31
33.3%	33.3% #703736	RGB 112 55 54	#703736
50.0%	50.0% #80413B	RGB 128 65 59	#80413B
66.7%	66.7% #904B40	RGB 144 75 64	#904B40
83.3%	83.3% #A05545	RGB 160 85 69	#A05545
100.0%	100.0% #B05F4A	RGB 176 95 74	#B05F4A

#50242D #602D31 #703736 #80413B #904B40 #A05545 #B05F4A

#50242D - #B05F4A

HSV Blend

#50242D - #B05F4A | 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 #50242D as 0% and #B05F4A as 100%.

0.0%	0.0% #50242C	RGB 80 36 44	#50242C
16.7%	16.7% #602A31	RGB 96 42 49	#602A31
33.3%	33.3% #703135	RGB 112 49 53	#703135
50.0%	50.0% #803737	RGB 128 55 55	#803737
66.7%	66.7% #90433D	RGB 144 67 61	#90433D
83.3%	83.3% #A05044	RGB 160 80 68	#A05044
100.0%	100.0% #B05F4A	RGB 176 95 74	#B05F4A

#50242C #602A31 #703135 #803737 #90433D #A05044 #B05F4A

#50242D - #803737 - #B05F4A

CSS codes

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

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