#3B5E21 - #0A2F06 | 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 #3B5E21 to #0A2F06

#3B5E21 #0A2F06

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

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

0.0%	0.0% #3B5E21	RGB 59 94 33	#3B5E21
16.7%	16.7% #32561C	RGB 50 86 28	#32561C
33.3%	33.3% #2A4E18	RGB 42 78 24	#2A4E18
50.0%	50.0% #224613	RGB 34 70 19	#224613
66.7%	66.7% #1A3E0F	RGB 26 62 15	#1A3E0F
83.3%	83.3% #12360A	RGB 18 54 10	#12360A
100.0%	100.0% #0A2F06	RGB 10 47 6	#0A2F06

#3B5E21 #32561C #2A4E18 #224613 #1A3E0F #12360A #0A2F06

#3B5E21 - #0A2F06

HSV Blend

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

0.0%	0.0% #3B5E21	RGB 59 94 33	#3B5E21
16.7%	16.7% #31561B	RGB 49 86 27	#31561B
33.3%	33.3% #274E15	RGB 39 78 21	#274E15
50.0%	50.0% #1E4610	RGB 30 70 16	#1E4610
66.7%	66.7% #173E0C	RGB 23 62 12	#173E0C
83.3%	83.3% #103609	RGB 16 54 9	#103609
100.0%	100.0% #0A2F06	RGB 10 47 6	#0A2F06

#3B5E21 #31561B #274E15 #1E4610 #173E0C #103609 #0A2F06

#3B5E21 - #1E4610 - #0A2F06

CSS codes

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

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