#4D4D0C - #2F2607 | 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 #4D4D0C to #2F2607

#4D4D0C #2F2607

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

#4D4D0C - #2F2607 | 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 #4D4D0C as 0% and #2F2607 as 100%.

0.0%	0.0% #4D4D0C	RGB 77 77 12	#4D4D0C
16.7%	16.7% #48460B	RGB 72 70 11	#48460B
33.3%	33.3% #43400A	RGB 67 64 10	#43400A
50.0%	50.0% #3E3909	RGB 62 57 9	#3E3909
66.7%	66.7% #393308	RGB 57 51 8	#393308
83.3%	83.3% #342C07	RGB 52 44 7	#342C07
100.0%	100.0% #2F2607	RGB 47 38 7	#2F2607

#4D4D0C #48460B #43400A #3E3909 #393308 #342C07 #2F2607

#4D4D0C - #2F2607

HSV Blend

#4D4D0C - #2F2607 | 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 #4D4D0C as 0% and #2F2607 as 100%.

0.0%	0.0% #4D4D0C	RGB 77 77 12	#4D4D0C
16.7%	16.7% #48450B	RGB 72 69 11	#48450B
33.3%	33.3% #433E0A	RGB 67 62 10	#433E0A
50.0%	50.0% #3E3809	RGB 62 56 9	#3E3809
66.7%	66.7% #393108	RGB 57 49 8	#393108
83.3%	83.3% #342B07	RGB 52 43 7	#342B07
100.0%	100.0% #2F2607	RGB 47 38 7	#2F2607

#4D4D0C #48450B #433E0A #3E3809 #393108 #342B07 #2F2607

#4D4D0C - #3E3809 - #2F2607

CSS codes

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

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