#282912 - #6B6B43 | 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 #282912 to #6B6B43

#282912 #6B6B43

Calculate the color between two colors, #282912 and #6B6B43. 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)

#282912 - #6B6B43 | 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 #282912 as 0% and #6B6B43 as 100%.

0.0%	0.0% #282912	RGB 40 41 18	#282912
16.7%	16.7% #33341A	RGB 51 52 26	#33341A
33.3%	33.3% #3E3F22	RGB 62 63 34	#3E3F22
50.0%	50.0% #494A2A	RGB 73 74 42	#494A2A
66.7%	66.7% #545532	RGB 84 85 50	#545532
83.3%	83.3% #5F603A	RGB 95 96 58	#5F603A
100.0%	100.0% #6B6B43	RGB 107 107 67	#6B6B43

#282912 #33341A #3E3F22 #494A2A #545532 #5F603A #6B6B43

#282912 - #6B6B43

HSV Blend

#282912 - #6B6B43 | 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 #282912 as 0% and #6B6B43 as 100%.

0.0%	0.0% #282912	RGB 40 41 18	#282912
16.7%	16.7% #333418	RGB 51 52 24	#333418
33.3%	33.3% #3E3F1F	RGB 62 63 31	#3E3F1F
50.0%	50.0% #494A27	RGB 73 74 39	#494A27
66.7%	66.7% #54552F	RGB 84 85 47	#54552F
83.3%	83.3% #5F6039	RGB 95 96 57	#5F6039
100.0%	100.0% #6B6B43	RGB 107 107 67	#6B6B43

#282912 #333418 #3E3F1F #494A27 #54552F #5F6039 #6B6B43

#282912 - #494A27 - #6B6B43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #282912 0%, #494A27 50%, #6B6B43 100%);
    background: -webkit-linear-gradient(top, #282912 0%, #494A27 50%, #6B6B43 100%);
    background: linear-gradient(to bottom, #282912 0%, #494A27 50%, #6B6B43 100%);
}
</style>