#4B5E21 - #333E04 | 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 #4B5E21 to #333E04

#4B5E21 #333E04

Calculate the color between two colors, #4B5E21 and #333E04. 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)

#4B5E21 - #333E04 | 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 #4B5E21 as 0% and #333E04 as 100%.

0.0%	0.0% #4B5E21	RGB 75 94 33	#4B5E21
16.7%	16.7% #47581C	RGB 71 88 28	#47581C
33.3%	33.3% #435317	RGB 67 83 23	#435317
50.0%	50.0% #3F4E12	RGB 63 78 18	#3F4E12
66.7%	66.7% #3B480D	RGB 59 72 13	#3B480D
83.3%	83.3% #374308	RGB 55 67 8	#374308
100.0%	100.0% #333E04	RGB 51 62 4	#333E04

#4B5E21 #47581C #435317 #3F4E12 #3B480D #374308 #333E04

#4B5E21 - #333E04

HSV Blend

#4B5E21 - #333E04 | 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 #4B5E21 as 0% and #333E04 as 100%.

0.0%	0.0% #4B5E21	RGB 75 94 33	#4B5E21
16.7%	16.7% #46581A	RGB 70 88 26	#46581A
33.3%	33.3% #425315	RGB 66 83 21	#425315
50.0%	50.0% #3E4E10	RGB 62 78 16	#3E4E10
66.7%	66.7% #3A480B	RGB 58 72 11	#3A480B
83.3%	83.3% #364307	RGB 54 67 7	#364307
100.0%	100.0% #333E04	RGB 51 62 4	#333E04

#4B5E21 #46581A #425315 #3E4E10 #3A480B #364307 #333E04

#4B5E21 - #3E4E10 - #333E04

CSS codes

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

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