#33321F - #8C8D4C | 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 #33321F to #8C8D4C

#33321F #8C8D4C

Calculate the color between two colors, #33321F and #8C8D4C. 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)

#33321F - #8C8D4C | 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 #33321F as 0% and #8C8D4C as 100%.

0.0%	0.0% #33321F	RGB 51 50 31	#33321F
16.7%	16.7% #414126	RGB 65 65 38	#414126
33.3%	33.3% #50502E	RGB 80 80 46	#50502E
50.0%	50.0% #5F5F35	RGB 95 95 53	#5F5F35
66.7%	66.7% #6E6E3D	RGB 110 110 61	#6E6E3D
83.3%	83.3% #7D7D44	RGB 125 125 68	#7D7D44
100.0%	100.0% #8C8D4C	RGB 140 141 76	#8C8D4C

#33321F #414126 #50502E #5F5F35 #6E6E3D #7D7D44 #8C8D4C

#33321F - #8C8D4C

HSV Blend

#33321F - #8C8D4C | 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 #33321F as 0% and #8C8D4C as 100%.

0.0%	0.0% #33321F	RGB 51 50 31	#33321F
16.7%	16.7% #424027	RGB 66 64 39	#424027
33.3%	33.3% #51502F	RGB 81 80 47	#51502F
50.0%	50.0% #605F37	RGB 96 95 55	#605F37
66.7%	66.7% #6F6E3E	RGB 111 110 62	#6F6E3E
83.3%	83.3% #7D7E45	RGB 125 126 69	#7D7E45
100.0%	100.0% #8C8D4C	RGB 140 141 76	#8C8D4C

#33321F #424027 #51502F #605F37 #6F6E3E #7D7E45 #8C8D4C

#33321F - #605F37 - #8C8D4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #33321F 0%, #605F37 50%, #8C8D4C 100%);
    background: -webkit-linear-gradient(top, #33321F 0%, #605F37 50%, #8C8D4C 100%);
    background: linear-gradient(to bottom, #33321F 0%, #605F37 50%, #8C8D4C 100%);
}
</style>