#4B5E3A - #0F2911 | 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 #4B5E3A to #0F2911

#4B5E3A #0F2911

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

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

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #415533	RGB 65 85 51	#415533
33.3%	33.3% #374C2C	RGB 55 76 44	#374C2C
50.0%	50.0% #2D4325	RGB 45 67 37	#2D4325
66.7%	66.7% #233A1E	RGB 35 58 30	#233A1E
83.3%	83.3% #193117	RGB 25 49 23	#193117
100.0%	100.0% #0F2911	RGB 15 41 17	#0F2911

#4B5E3A #415533 #374C2C #2D4325 #233A1E #193117 #0F2911

#4B5E3A - #0F2911

HSV Blend

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

0.0%	0.0% #4B5E3A	RGB 75 94 58	#4B5E3A
16.7%	16.7% #3E5530	RGB 62 85 48	#3E5530
33.3%	33.3% #334C28	RGB 51 76 40	#334C28
50.0%	50.0% #274321	RGB 39 67 33	#274321
66.7%	66.7% #1D3A1A	RGB 29 58 26	#1D3A1A
83.3%	83.3% #143114	RGB 20 49 20	#143114
100.0%	100.0% #0F2911	RGB 15 41 17	#0F2911

#4B5E3A #3E5530 #334C28 #274321 #1D3A1A #143114 #0F2911

#4B5E3A - #274321 - #0F2911

CSS codes

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

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