#4B5444 - #1E3805 | 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 #4B5444 to #1E3805

#4B5444 #1E3805

Calculate the color between two colors, #4B5444 and #1E3805. 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)

#4B5444 - #1E3805 | 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 #4B5444 as 0% and #1E3805 as 100%.

0.0%	0.0% #4B5444	RGB 75 84 68	#4B5444
16.7%	16.7% #434F39	RGB 67 79 57	#434F39
33.3%	33.3% #3C4A2F	RGB 60 74 47	#3C4A2F
50.0%	50.0% #344624	RGB 52 70 36	#344624
66.7%	66.7% #2D411A	RGB 45 65 26	#2D411A
83.3%	83.3% #253C0F	RGB 37 60 15	#253C0F
100.0%	100.0% #1E3805	RGB 30 56 5	#1E3805

#4B5444 #434F39 #3C4A2F #344624 #2D411A #253C0F #1E3805

#4B5444 - #1E3805

HSV Blend

#4B5444 - #1E3805 | 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 #4B5444 as 0% and #1E3805 as 100%.

0.0%	0.0% #4B5444	RGB 75 84 68	#4B5444
16.7%	16.7% #414F36	RGB 65 79 54	#414F36
33.3%	33.3% #394A2A	RGB 57 74 42	#394A2A
50.0%	50.0% #31461F	RGB 49 70 31	#31461F
66.7%	66.7% #2A4115	RGB 42 65 21	#2A4115
83.3%	83.3% #233C0C	RGB 35 60 12	#233C0C
100.0%	100.0% #1E3805	RGB 30 56 5	#1E3805

#4B5444 #414F36 #394A2A #31461F #2A4115 #233C0C #1E3805

#4B5444 - #31461F - #1E3805

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5444 0%, #31461F 50%, #1E3805 100%);
    background: -webkit-linear-gradient(top, #4B5444 0%, #31461F 50%, #1E3805 100%);
    background: linear-gradient(to bottom, #4B5444 0%, #31461F 50%, #1E3805 100%);
}
</style>