#2E5E3D - #063213 | 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 #2E5E3D to #063213

#2E5E3D #063213

Calculate the color between two colors, #2E5E3D and #063213. 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)

#2E5E3D - #063213 | 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 #2E5E3D as 0% and #063213 as 100%.

0.0%	0.0% #2E5E3D	RGB 46 94 61	#2E5E3D
16.7%	16.7% #275636	RGB 39 86 54	#275636
33.3%	33.3% #204F2F	RGB 32 79 47	#204F2F
50.0%	50.0% #1A4828	RGB 26 72 40	#1A4828
66.7%	66.7% #134021	RGB 19 64 33	#134021
83.3%	83.3% #0C391A	RGB 12 57 26	#0C391A
100.0%	100.0% #063213	RGB 6 50 19	#063213

#2E5E3D #275636 #204F2F #1A4828 #134021 #0C391A #063213

#2E5E3D - #063213

HSV Blend

#2E5E3D - #063213 | 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 #2E5E3D as 0% and #063213 as 100%.

0.0%	0.0% #2E5E3D	RGB 46 94 61	#2E5E3D
16.7%	16.7% #255634	RGB 37 86 52	#255634
33.3%	33.3% #1D4F2C	RGB 29 79 44	#1D4F2C
50.0%	50.0% #154825	RGB 21 72 37	#154825
66.7%	66.7% #0F401E	RGB 15 64 30	#0F401E
83.3%	83.3% #0A3918	RGB 10 57 24	#0A3918
100.0%	100.0% #063213	RGB 6 50 19	#063213

#2E5E3D #255634 #1D4F2C #154825 #0F401E #0A3918 #063213

#2E5E3D - #154825 - #063213

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E3D 0%, #154825 50%, #063213 100%);
    background: -webkit-linear-gradient(top, #2E5E3D 0%, #154825 50%, #063213 100%);
    background: linear-gradient(to bottom, #2E5E3D 0%, #154825 50%, #063213 100%);
}
</style>