#888940 - #262712 | 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 #888940 to #262712

#888940 #262712

Calculate the color between two colors, #888940 and #262712. 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)

#888940 - #262712 | 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 #888940 as 0% and #262712 as 100%.

0.0%	0.0% #888940	RGB 136 137 64	#888940
16.7%	16.7% #777838	RGB 119 120 56	#777838
33.3%	33.3% #676830	RGB 103 104 48	#676830
50.0%	50.0% #575829	RGB 87 88 41	#575829
66.7%	66.7% #464721	RGB 70 71 33	#464721
83.3%	83.3% #363719	RGB 54 55 25	#363719
100.0%	100.0% #262712	RGB 38 39 18	#262712

#888940 #777838 #676830 #575829 #464721 #363719 #262712

#888940 - #262712

HSV Blend

#888940 - #262712 | 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 #888940 as 0% and #262712 as 100%.

0.0%	0.0% #888940	RGB 136 137 64	#888940
16.7%	16.7% #777838	RGB 119 120 56	#777838
33.3%	33.3% #666830	RGB 102 104 48	#666830
50.0%	50.0% #565828	RGB 86 88 40	#565828
66.7%	66.7% #464721	RGB 70 71 33	#464721
83.3%	83.3% #363719	RGB 54 55 25	#363719
100.0%	100.0% #262712	RGB 38 39 18	#262712

#888940 #777838 #666830 #565828 #464721 #363719 #262712

#888940 - #565828 - #262712

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #888940 0%, #565828 50%, #262712 100%);
    background: -webkit-linear-gradient(top, #888940 0%, #565828 50%, #262712 100%);
    background: linear-gradient(to bottom, #888940 0%, #565828 50%, #262712 100%);
}
</style>