#5E422C - #121A07 | 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 #5E422C to #121A07

#5E422C #121A07

Calculate the color between two colors, #5E422C and #121A07. 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)

#5E422C - #121A07 | 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 #5E422C as 0% and #121A07 as 100%.

0.0%	0.0% #5E422C	RGB 94 66 44	#5E422C
16.7%	16.7% #513B25	RGB 81 59 37	#513B25
33.3%	33.3% #44341F	RGB 68 52 31	#44341F
50.0%	50.0% #382E19	RGB 56 46 25	#382E19
66.7%	66.7% #2B2713	RGB 43 39 19	#2B2713
83.3%	83.3% #1E200D	RGB 30 32 13	#1E200D
100.0%	100.0% #121A07	RGB 18 26 7	#121A07

#5E422C #513B25 #44341F #382E19 #2B2713 #1E200D #121A07

#5E422C - #121A07

HSV Blend

#5E422C - #121A07 | 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 #5E422C as 0% and #121A07 as 100%.

0.0%	0.0% #5E422C	RGB 94 66 44	#5E422C
16.7%	16.7% #524023	RGB 82 64 35	#524023
33.3%	33.3% #473D1C	RGB 71 61 28	#473D1C
50.0%	50.0% #3C3916	RGB 60 57 22	#3C3916
66.7%	66.7% #2D3010	RGB 45 48 16	#2D3010
83.3%	83.3% #1E250B	RGB 30 37 11	#1E250B
100.0%	100.0% #121A07	RGB 18 26 7	#121A07

#5E422C #524023 #473D1C #3C3916 #2D3010 #1E250B #121A07

#5E422C - #3C3916 - #121A07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E422C 0%, #3C3916 50%, #121A07 100%);
    background: -webkit-linear-gradient(top, #5E422C 0%, #3C3916 50%, #121A07 100%);
    background: linear-gradient(to bottom, #5E422C 0%, #3C3916 50%, #121A07 100%);
}
</style>