#3E4700 - #132008 | 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 #3E4700 to #132008

#3E4700 #132008

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

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

0.0%	0.0% #3E4700	RGB 62 71 0	#3E4700
16.7%	16.7% #364001	RGB 54 64 1	#364001
33.3%	33.3% #2F3A02	RGB 47 58 2	#2F3A02
50.0%	50.0% #283304	RGB 40 51 4	#283304
66.7%	66.7% #212D05	RGB 33 45 5	#212D05
83.3%	83.3% #1A2606	RGB 26 38 6	#1A2606
100.0%	100.0% #132008	RGB 19 32 8	#132008

#3E4700 #364001 #2F3A02 #283304 #212D05 #1A2606 #132008

#3E4700 - #132008

HSV Blend

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

0.0%	0.0% #3E4700	RGB 62 71 0	#3E4700
16.7%	16.7% #344002	RGB 52 64 2	#344002
33.3%	33.3% #2B3A04	RGB 43 58 4	#2B3A04
50.0%	50.0% #243306	RGB 36 51 6	#243306
66.7%	66.7% #1D2D07	RGB 29 45 7	#1D2D07
83.3%	83.3% #182608	RGB 24 38 8	#182608
100.0%	100.0% #132008	RGB 19 32 8	#132008

#3E4700 #344002 #2B3A04 #243306 #1D2D07 #182608 #132008

#3E4700 - #243306 - #132008

CSS codes

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

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