#504D4D - #521F09 | 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 #504D4D to #521F09

#504D4D #521F09

Calculate the color between two colors, #504D4D and #521F09. 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)

#504D4D - #521F09 | 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 #504D4D as 0% and #521F09 as 100%.

0.0%	0.0% #504D4D	RGB 80 77 77	#504D4D
16.7%	16.7% #504541	RGB 80 69 65	#504541
33.3%	33.3% #503D36	RGB 80 61 54	#503D36
50.0%	50.0% #51362B	RGB 81 54 43	#51362B
66.7%	66.7% #512E1F	RGB 81 46 31	#512E1F
83.3%	83.3% #512614	RGB 81 38 20	#512614
100.0%	100.0% #521F09	RGB 82 31 9	#521F09

#504D4D #504541 #503D36 #51362B #512E1F #512614 #521F09

#504D4D - #521F09

HSV Blend

#504D4D - #521F09 | 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 #504D4D as 0% and #521F09 as 100%.

0.0%	0.0% #504D4D	RGB 80 77 77	#504D4D
16.7%	16.7% #504241	RGB 80 66 65	#504241
33.3%	33.3% #503936	RGB 80 57 54	#503936
50.0%	50.0% #51312B	RGB 81 49 43	#51312B
66.7%	66.7% #512920	RGB 81 41 32	#512920
83.3%	83.3% #512314	RGB 81 35 20	#512314
100.0%	100.0% #521F09	RGB 82 31 9	#521F09

#504D4D #504241 #503936 #51312B #512920 #512314 #521F09

#504D4D - #51312B - #521F09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504D4D 0%, #51312B 50%, #521F09 100%);
    background: -webkit-linear-gradient(top, #504D4D 0%, #51312B 50%, #521F09 100%);
    background: linear-gradient(to bottom, #504D4D 0%, #51312B 50%, #521F09 100%);
}
</style>