#4C5E00 - #141606 | 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 #4C5E00 to #141606

#4C5E00 #141606

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

#4C5E00 - #141606 | 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 #4C5E00 as 0% and #141606 as 100%.

0.0%	0.0% #4C5E00	RGB 76 94 0	#4C5E00
16.7%	16.7% #425201	RGB 66 82 1	#425201
33.3%	33.3% #394602	RGB 57 70 2	#394602
50.0%	50.0% #303A03	RGB 48 58 3	#303A03
66.7%	66.7% #262E04	RGB 38 46 4	#262E04
83.3%	83.3% #1D2205	RGB 29 34 5	#1D2205
100.0%	100.0% #141606	RGB 20 22 6	#141606

#4C5E00 #425201 #394602 #303A03 #262E04 #1D2205 #141606

#4C5E00 - #141606

HSV Blend

#4C5E00 - #141606 | 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 #4C5E00 as 0% and #141606 as 100%.

0.0%	0.0% #4C5E00	RGB 76 94 0	#4C5E00
16.7%	16.7% #435203	RGB 67 82 3	#435203
33.3%	33.3% #3B4606	RGB 59 70 6	#3B4606
50.0%	50.0% #323A07	RGB 50 58 7	#323A07
66.7%	66.7% #282E08	RGB 40 46 8	#282E08
83.3%	83.3% #1E2207	RGB 30 34 7	#1E2207
100.0%	100.0% #141606	RGB 20 22 6	#141606

#4C5E00 #435203 #3B4606 #323A07 #282E08 #1E2207 #141606

#4C5E00 - #323A07 - #141606

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E00 0%, #323A07 50%, #141606 100%);
    background: -webkit-linear-gradient(top, #4C5E00 0%, #323A07 50%, #141606 100%);
    background: linear-gradient(to bottom, #4C5E00 0%, #323A07 50%, #141606 100%);
}
</style>