#3C5E3A - #0E3015 | 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 #3C5E3A to #0E3015

#3C5E3A #0E3015

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

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

0.0%	0.0% #3C5E3A	RGB 60 94 58	#3C5E3A
16.7%	16.7% #345633	RGB 52 86 51	#345633
33.3%	33.3% #2C4E2D	RGB 44 78 45	#2C4E2D
50.0%	50.0% #254727	RGB 37 71 39	#254727
66.7%	66.7% #1D3F21	RGB 29 63 33	#1D3F21
83.3%	83.3% #15371B	RGB 21 55 27	#15371B
100.0%	100.0% #0E3015	RGB 14 48 21	#0E3015

#3C5E3A #345633 #2C4E2D #254727 #1D3F21 #15371B #0E3015

#3C5E3A - #0E3015

HSV Blend

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

0.0%	0.0% #3C5E3A	RGB 60 94 58	#3C5E3A
16.7%	16.7% #315630	RGB 49 86 48	#315630
33.3%	33.3% #284E29	RGB 40 78 41	#284E29
50.0%	50.0% #204723	RGB 32 71 35	#204723
66.7%	66.7% #193F1D	RGB 25 63 29	#193F1D
83.3%	83.3% #133719	RGB 19 55 25	#133719
100.0%	100.0% #0E3015	RGB 14 48 21	#0E3015

#3C5E3A #315630 #284E29 #204723 #193F1D #133719 #0E3015

#3C5E3A - #204723 - #0E3015

CSS codes

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

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