#5E552B - #15140C | 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 #5E552B to #15140C

#5E552B #15140C

Calculate the color between two colors, #5E552B and #15140C. 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)

#5E552B - #15140C | 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 #5E552B as 0% and #15140C as 100%.

0.0%	0.0% #5E552B	RGB 94 85 43	#5E552B
16.7%	16.7% #514A25	RGB 81 74 37	#514A25
33.3%	33.3% #453F20	RGB 69 63 32	#453F20
50.0%	50.0% #39341B	RGB 57 52 27	#39341B
66.7%	66.7% #2D2916	RGB 45 41 22	#2D2916
83.3%	83.3% #211E11	RGB 33 30 17	#211E11
100.0%	100.0% #15140C	RGB 21 20 12	#15140C

#5E552B #514A25 #453F20 #39341B #2D2916 #211E11 #15140C

#5E552B - #15140C

HSV Blend

#5E552B - #15140C | 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 #5E552B as 0% and #15140C as 100%.

0.0%	0.0% #5E552B	RGB 94 85 43	#5E552B
16.7%	16.7% #514A26	RGB 81 74 38	#514A26
33.3%	33.3% #454022	RGB 69 64 34	#454022
50.0%	50.0% #39351D	RGB 57 53 29	#39351D
66.7%	66.7% #2D2A18	RGB 45 42 24	#2D2A18
83.3%	83.3% #211F12	RGB 33 31 18	#211F12
100.0%	100.0% #15140C	RGB 21 20 12	#15140C

#5E552B #514A26 #454022 #39351D #2D2A18 #211F12 #15140C

#5E552B - #39351D - #15140C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E552B 0%, #39351D 50%, #15140C 100%);
    background: -webkit-linear-gradient(top, #5E552B 0%, #39351D 50%, #15140C 100%);
    background: linear-gradient(to bottom, #5E552B 0%, #39351D 50%, #15140C 100%);
}
</style>