#4B5E54 - #053911 | 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 #4B5E54 to #053911

#4B5E54 #053911

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

#4B5E54 - #053911 | 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 #4B5E54 as 0% and #053911 as 100%.

0.0%	0.0% #4B5E54	RGB 75 94 84	#4B5E54
16.7%	16.7% #3F5748	RGB 63 87 72	#3F5748
33.3%	33.3% #33513D	RGB 51 81 61	#33513D
50.0%	50.0% #284B32	RGB 40 75 50	#284B32
66.7%	66.7% #1C4527	RGB 28 69 39	#1C4527
83.3%	83.3% #103F1C	RGB 16 63 28	#103F1C
100.0%	100.0% #053911	RGB 5 57 17	#053911

#4B5E54 #3F5748 #33513D #284B32 #1C4527 #103F1C #053911

#4B5E54 - #053911

HSV Blend

#4B5E54 - #053911 | 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 #4B5E54 as 0% and #053911 as 100%.

0.0%	0.0% #4B5E54	RGB 75 94 84	#4B5E54
16.7%	16.7% #3B5747	RGB 59 87 71	#3B5747
33.3%	33.3% #2D513B	RGB 45 81 59	#2D513B
50.0%	50.0% #214B30	RGB 33 75 48	#214B30
66.7%	66.7% #164525	RGB 22 69 37	#164525
83.3%	83.3% #0D3F1A	RGB 13 63 26	#0D3F1A
100.0%	100.0% #053911	RGB 5 57 17	#053911

#4B5E54 #3B5747 #2D513B #214B30 #164525 #0D3F1A #053911

#4B5E54 - #214B30 - #053911

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E54 0%, #214B30 50%, #053911 100%);
    background: -webkit-linear-gradient(top, #4B5E54 0%, #214B30 50%, #053911 100%);
    background: linear-gradient(to bottom, #4B5E54 0%, #214B30 50%, #053911 100%);
}
</style>