#2F2D02 - #8C6923 | 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 #2F2D02 to #8C6923

#2F2D02 #8C6923

Calculate the color between two colors, #2F2D02 and #8C6923. 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)

#2F2D02 - #8C6923 | 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 #2F2D02 as 0% and #8C6923 as 100%.

0.0%	0.0% #2F2D02	RGB 47 45 2	#2F2D02
16.7%	16.7% #3E3707	RGB 62 55 7	#3E3707
33.3%	33.3% #4E410D	RGB 78 65 13	#4E410D
50.0%	50.0% #5D4B12	RGB 93 75 18	#5D4B12
66.7%	66.7% #6D5518	RGB 109 85 24	#6D5518
83.3%	83.3% #7C5F1D	RGB 124 95 29	#7C5F1D
100.0%	100.0% #8C6923	RGB 140 105 35	#8C6923

#2F2D02 #3E3707 #4E410D #5D4B12 #6D5518 #7C5F1D #8C6923

#2F2D02 - #8C6923

HSV Blend

#2F2D02 - #8C6923 | 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 #2F2D02 as 0% and #8C6923 as 100%.

0.0%	0.0% #2F2D01	RGB 47 45 1	#2F2D01
16.7%	16.7% #3E3904	RGB 62 57 4	#3E3904
33.3%	33.3% #4E4408	RGB 78 68 8	#4E4408
50.0%	50.0% #5D4E0D	RGB 93 78 13	#5D4E0D
66.7%	66.7% #6D5713	RGB 109 87 19	#6D5713
83.3%	83.3% #7C601A	RGB 124 96 26	#7C601A
100.0%	100.0% #8C6923	RGB 140 105 35	#8C6923

#2F2D01 #3E3904 #4E4408 #5D4E0D #6D5713 #7C601A #8C6923

#2F2D02 - #5D4E0D - #8C6923

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2D01 0%, #5D4E0D 50%, #8C6923 100%);
    background: -webkit-linear-gradient(top, #2F2D01 0%, #5D4E0D 50%, #8C6923 100%);
    background: linear-gradient(to bottom, #2F2D01 0%, #5D4E0D 50%, #8C6923 100%);
}
</style>