#3E3E3E - #004A02 | 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 #3E3E3E to #004A02

#3E3E3E #004A02

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

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

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #334034	RGB 51 64 52	#334034
33.3%	33.3% #29422A	RGB 41 66 42	#29422A
50.0%	50.0% #1F4420	RGB 31 68 32	#1F4420
66.7%	66.7% #144616	RGB 20 70 22	#144616
83.3%	83.3% #0A480C	RGB 10 72 12	#0A480C
100.0%	100.0% #004A02	RGB 0 74 2	#004A02

#3E3E3E #334034 #29422A #1F4420 #144616 #0A480C #004A02

#3E3E3E - #004A02

HSV Blend

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

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403835	RGB 64 56 53	#403835
33.3%	33.3% #423A2C	RGB 66 58 44	#423A2C
50.0%	50.0% #434422	RGB 67 68 34	#434422
66.7%	66.7% #354617	RGB 53 70 23	#354617
83.3%	83.3% #1E480C	RGB 30 72 12	#1E480C
100.0%	100.0% #004A02	RGB 0 74 2	#004A02

#3E3E3E #403835 #423A2C #434422 #354617 #1E480C #004A02

#3E3E3E - #434422 - #004A02

CSS codes

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

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