#3E4C3E - #103A02 | 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 #3E4C3E to #103A02

#3E4C3E #103A02

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

#3E4C3E - #103A02 | 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 #3E4C3E as 0% and #103A02 as 100%.

0.0%	0.0% #3E4C3E	RGB 62 76 62	#3E4C3E
16.7%	16.7% #364934	RGB 54 73 52	#364934
33.3%	33.3% #2E462A	RGB 46 70 42	#2E462A
50.0%	50.0% #274320	RGB 39 67 32	#274320
66.7%	66.7% #1F4016	RGB 31 64 22	#1F4016
83.3%	83.3% #173D0C	RGB 23 61 12	#173D0C
100.0%	100.0% #103A02	RGB 16 58 2	#103A02

#3E4C3E #364934 #2E462A #274320 #1F4016 #173D0C #103A02

#3E4C3E - #103A02

HSV Blend

#3E4C3E - #103A02 | 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 #3E4C3E as 0% and #103A02 as 100%.

0.0%	0.0% #3E4C3E	RGB 62 76 62	#3E4C3E
16.7%	16.7% #334932	RGB 51 73 50	#334932
33.3%	33.3% #294626	RGB 41 70 38	#294626
50.0%	50.0% #21431C	RGB 33 67 28	#21431C
66.7%	66.7% #1A4012	RGB 26 64 18	#1A4012
83.3%	83.3% #143D0A	RGB 20 61 10	#143D0A
100.0%	100.0% #103A02	RGB 16 58 2	#103A02

#3E4C3E #334932 #294626 #21431C #1A4012 #143D0A #103A02

#3E4C3E - #21431C - #103A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4C3E 0%, #21431C 50%, #103A02 100%);
    background: -webkit-linear-gradient(top, #3E4C3E 0%, #21431C 50%, #103A02 100%);
    background: linear-gradient(to bottom, #3E4C3E 0%, #21431C 50%, #103A02 100%);
}
</style>