#4B5E38 - #303A00 | 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 #4B5E38 to #303A00

#4B5E38 #303A00

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

#4B5E38 - #303A00 | 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 #4B5E38 as 0% and #303A00 as 100%.

0.0%	0.0% #4B5E38	RGB 75 94 56	#4B5E38
16.7%	16.7% #46582E	RGB 70 88 46	#46582E
33.3%	33.3% #425225	RGB 66 82 37	#425225
50.0%	50.0% #3D4C1C	RGB 61 76 28	#3D4C1C
66.7%	66.7% #394612	RGB 57 70 18	#394612
83.3%	83.3% #344009	RGB 52 64 9	#344009
100.0%	100.0% #303A00	RGB 48 58 0	#303A00

#4B5E38 #46582E #425225 #3D4C1C #394612 #344009 #303A00

#4B5E38 - #303A00

HSV Blend

#4B5E38 - #303A00 | 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 #4B5E38 as 0% and #303A00 as 100%.

0.0%	0.0% #4B5E38	RGB 75 94 56	#4B5E38
16.7%	16.7% #44582B	RGB 68 88 43	#44582B
33.3%	33.3% #3E5220	RGB 62 82 32	#3E5220
50.0%	50.0% #3A4C16	RGB 58 76 22	#3A4C16
66.7%	66.7% #36460D	RGB 54 70 13	#36460D
83.3%	83.3% #324006	RGB 50 64 6	#324006
100.0%	100.0% #303A00	RGB 48 58 0	#303A00

#4B5E38 #44582B #3E5220 #3A4C16 #36460D #324006 #303A00

#4B5E38 - #3A4C16 - #303A00

CSS codes

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

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