#4B5E3F - #151A12 | 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 #4B5E3F to #151A12

#4B5E3F #151A12

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

#4B5E3F - #151A12 | 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 #4B5E3F as 0% and #151A12 as 100%.

0.0%	0.0% #4B5E3F	RGB 75 94 63	#4B5E3F
16.7%	16.7% #425237	RGB 66 82 55	#425237
33.3%	33.3% #394730	RGB 57 71 48	#394730
50.0%	50.0% #303C28	RGB 48 60 40	#303C28
66.7%	66.7% #273021	RGB 39 48 33	#273021
83.3%	83.3% #1E2519	RGB 30 37 25	#1E2519
100.0%	100.0% #151A12	RGB 21 26 18	#151A12

#4B5E3F #425237 #394730 #303C28 #273021 #1E2519 #151A12

#4B5E3F - #151A12

HSV Blend

#4B5E3F - #151A12 | 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 #4B5E3F as 0% and #151A12 as 100%.

0.0%	0.0% #4B5E3F	RGB 75 94 63	#4B5E3F
16.7%	16.7% #425237	RGB 66 82 55	#425237
33.3%	33.3% #394730	RGB 57 71 48	#394730
50.0%	50.0% #303C28	RGB 48 60 40	#303C28
66.7%	66.7% #273021	RGB 39 48 33	#273021
83.3%	83.3% #1E2519	RGB 30 37 25	#1E2519
100.0%	100.0% #151A12	RGB 21 26 18	#151A12

#4B5E3F #425237 #394730 #303C28 #273021 #1E2519 #151A12

#4B5E3F - #303C28 - #151A12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E3F 0%, #303C28 50%, #151A12 100%);
    background: -webkit-linear-gradient(top, #4B5E3F 0%, #303C28 50%, #151A12 100%);
    background: linear-gradient(to bottom, #4B5E3F 0%, #303C28 50%, #151A12 100%);
}
</style>