#3E5E48 - #054919 | 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 #3E5E48 to #054919

#3E5E48 #054919

Calculate the color between two colors, #3E5E48 and #054919. 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)

#3E5E48 - #054919 | 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 #3E5E48 as 0% and #054919 as 100%.

0.0%	0.0% #3E5E48	RGB 62 94 72	#3E5E48
16.7%	16.7% #345A40	RGB 52 90 64	#345A40
33.3%	33.3% #2B5738	RGB 43 87 56	#2B5738
50.0%	50.0% #215330	RGB 33 83 48	#215330
66.7%	66.7% #185028	RGB 24 80 40	#185028
83.3%	83.3% #0E4C20	RGB 14 76 32	#0E4C20
100.0%	100.0% #054919	RGB 5 73 25	#054919

#3E5E48 #345A40 #2B5738 #215330 #185028 #0E4C20 #054919

#3E5E48 - #054919

HSV Blend

#3E5E48 - #054919 | 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 #3E5E48 as 0% and #054919 as 100%.

0.0%	0.0% #3E5E48	RGB 62 94 72	#3E5E48
16.7%	16.7% #325A3F	RGB 50 90 63	#325A3F
33.3%	33.3% #285736	RGB 40 87 54	#285736
50.0%	50.0% #1E532E	RGB 30 83 46	#1E532E
66.7%	66.7% #155026	RGB 21 80 38	#155026
83.3%	83.3% #0C4C1F	RGB 12 76 31	#0C4C1F
100.0%	100.0% #054919	RGB 5 73 25	#054919

#3E5E48 #325A3F #285736 #1E532E #155026 #0C4C1F #054919

#3E5E48 - #1E532E - #054919

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E48 0%, #1E532E 50%, #054919 100%);
    background: -webkit-linear-gradient(top, #3E5E48 0%, #1E532E 50%, #054919 100%);
    background: linear-gradient(to bottom, #3E5E48 0%, #1E532E 50%, #054919 100%);
}
</style>