#504D25 - #16160A | 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 #504D25 to #16160A

#504D25 #16160A

Calculate the color between two colors, #504D25 and #16160A. 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)

#504D25 - #16160A | 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 #504D25 as 0% and #16160A as 100%.

0.0%	0.0% #504D25	RGB 80 77 37	#504D25
16.7%	16.7% #464320	RGB 70 67 32	#464320
33.3%	33.3% #3C3A1C	RGB 60 58 28	#3C3A1C
50.0%	50.0% #333117	RGB 51 49 23	#333117
66.7%	66.7% #292813	RGB 41 40 19	#292813
83.3%	83.3% #1F1F0E	RGB 31 31 14	#1F1F0E
100.0%	100.0% #16160A	RGB 22 22 10	#16160A

#504D25 #464320 #3C3A1C #333117 #292813 #1F1F0E #16160A

#504D25 - #16160A

HSV Blend

#504D25 - #16160A | 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 #504D25 as 0% and #16160A as 100%.

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #464420	RGB 70 68 32	#464420
33.3%	33.3% #3C3B1B	RGB 60 59 27	#3C3B1B
50.0%	50.0% #333217	RGB 51 50 23	#333217
66.7%	66.7% #292812	RGB 41 40 18	#292812
83.3%	83.3% #1F1F0E	RGB 31 31 14	#1F1F0E
100.0%	100.0% #16160A	RGB 22 22 10	#16160A

#504D24 #464420 #3C3B1B #333217 #292812 #1F1F0E #16160A

#504D25 - #333217 - #16160A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504D24 0%, #333217 50%, #16160A 100%);
    background: -webkit-linear-gradient(top, #504D24 0%, #333217 50%, #16160A 100%);
    background: linear-gradient(to bottom, #504D24 0%, #333217 50%, #16160A 100%);
}
</style>