#3E3E3E - #4A4202 | 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 #4A4202

#3E3E3E #4A4202

Calculate the color between two colors, #3E3E3E and #4A4202. 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 - #4A4202 | 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 #4A4202 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403E34	RGB 64 62 52	#403E34
33.3%	33.3% #423F2A	RGB 66 63 42	#423F2A
50.0%	50.0% #444020	RGB 68 64 32	#444020
66.7%	66.7% #464016	RGB 70 64 22	#464016
83.3%	83.3% #48410C	RGB 72 65 12	#48410C
100.0%	100.0% #4A4202	RGB 74 66 2	#4A4202

#3E3E3E #403E34 #423F2A #444020 #464016 #48410C #4A4202

#3E3E3E - #4A4202

HSV Blend

#3E3E3E - #4A4202 | 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 #4A4202 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403735	RGB 64 55 53	#403735
33.3%	33.3% #42322C	RGB 66 50 44	#42322C
50.0%	50.0% #443122	RGB 68 49 34	#443122
66.7%	66.7% #463318	RGB 70 51 24	#463318
83.3%	83.3% #48380D	RGB 72 56 13	#48380D
100.0%	100.0% #4A4202	RGB 74 66 2	#4A4202

#3E3E3E #403735 #42322C #443122 #463318 #48380D #4A4202

#3E3E3E - #443122 - #4A4202

CSS codes

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

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