#4E5E52 - #142D26 | 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 #4E5E52 to #142D26

#4E5E52 #142D26

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

#4E5E52 - #142D26 | 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 #4E5E52 as 0% and #142D26 as 100%.

0.0%	0.0% #4E5E52	RGB 78 94 82	#4E5E52
16.7%	16.7% #44554A	RGB 68 85 74	#44554A
33.3%	33.3% #3A4D43	RGB 58 77 67	#3A4D43
50.0%	50.0% #31453C	RGB 49 69 60	#31453C
66.7%	66.7% #273D34	RGB 39 61 52	#273D34
83.3%	83.3% #1D352D	RGB 29 53 45	#1D352D
100.0%	100.0% #142D26	RGB 20 45 38	#142D26

#4E5E52 #44554A #3A4D43 #31453C #273D34 #1D352D #142D26

#4E5E52 - #142D26

HSV Blend

#4E5E52 - #142D26 | 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 #4E5E52 as 0% and #142D26 as 100%.

0.0%	0.0% #4E5E52	RGB 78 94 82	#4E5E52
16.7%	16.7% #415548	RGB 65 85 72	#415548
33.3%	33.3% #364D3F	RGB 54 77 63	#364D3F
50.0%	50.0% #2C4538	RGB 44 69 56	#2C4538
66.7%	66.7% #233D31	RGB 35 61 49	#233D31
83.3%	83.3% #1B352B	RGB 27 53 43	#1B352B
100.0%	100.0% #142D26	RGB 20 45 38	#142D26

#4E5E52 #415548 #364D3F #2C4538 #233D31 #1B352B #142D26

#4E5E52 - #2C4538 - #142D26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E52 0%, #2C4538 50%, #142D26 100%);
    background: -webkit-linear-gradient(top, #4E5E52 0%, #2C4538 50%, #142D26 100%);
    background: linear-gradient(to bottom, #4E5E52 0%, #2C4538 50%, #142D26 100%);
}
</style>