#5E504B - #51250A | 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 #5E504B to #51250A

#5E504B #51250A

Calculate the color between two colors, #5E504B and #51250A. 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)

#5E504B - #51250A | 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 #5E504B as 0% and #51250A as 100%.

0.0%	0.0% #5E504B	RGB 94 80 75	#5E504B
16.7%	16.7% #5B4840	RGB 91 72 64	#5B4840
33.3%	33.3% #594135	RGB 89 65 53	#594135
50.0%	50.0% #573A2A	RGB 87 58 42	#573A2A
66.7%	66.7% #55331F	RGB 85 51 31	#55331F
83.3%	83.3% #532C14	RGB 83 44 20	#532C14
100.0%	100.0% #51250A	RGB 81 37 10	#51250A

#5E504B #5B4840 #594135 #573A2A #55331F #532C14 #51250A

#5E504B - #51250A

HSV Blend

#5E504B - #51250A | 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 #5E504B as 0% and #51250A as 100%.

0.0%	0.0% #5E504B	RGB 94 80 75	#5E504B
16.7%	16.7% #5B473E	RGB 91 71 62	#5B473E
33.3%	33.3% #593E33	RGB 89 62 51	#593E33
50.0%	50.0% #573728	RGB 87 55 40	#573728
66.7%	66.7% #55301D	RGB 85 48 29	#55301D
83.3%	83.3% #532A13	RGB 83 42 19	#532A13
100.0%	100.0% #51250A	RGB 81 37 10	#51250A

#5E504B #5B473E #593E33 #573728 #55301D #532A13 #51250A

#5E504B - #573728 - #51250A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E504B 0%, #573728 50%, #51250A 100%);
    background: -webkit-linear-gradient(top, #5E504B 0%, #573728 50%, #51250A 100%);
    background: linear-gradient(to bottom, #5E504B 0%, #573728 50%, #51250A 100%);
}
</style>