#888080 - #763D2B | 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 #888080 to #763D2B

#888080 #763D2B

Calculate the color between two colors, #888080 and #763D2B. 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)

#888080 - #763D2B | 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 #888080 as 0% and #763D2B as 100%.

0.0%	0.0% #888080	RGB 136 128 128	#888080
16.7%	16.7% #857471	RGB 133 116 113	#857471
33.3%	33.3% #826963	RGB 130 105 99	#826963
50.0%	50.0% #7F5E55	RGB 127 94 85	#7F5E55
66.7%	66.7% #7C5347	RGB 124 83 71	#7C5347
83.3%	83.3% #794839	RGB 121 72 57	#794839
100.0%	100.0% #763D2B	RGB 118 61 43	#763D2B

#888080 #857471 #826963 #7F5E55 #7C5347 #794839 #763D2B

#888080 - #763D2B

HSV Blend

#888080 - #763D2B | 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 #888080 as 0% and #763D2B as 100%.

0.0%	0.0% #888080	RGB 136 128 128	#888080
16.7%	16.7% #857170	RGB 133 113 112	#857170
33.3%	33.3% #826361	RGB 130 99 97	#826361
50.0%	50.0% #7F5852	RGB 127 88 82	#7F5852
66.7%	66.7% #7C4D45	RGB 124 77 69	#7C4D45
83.3%	83.3% #794437	RGB 121 68 55	#794437
100.0%	100.0% #763D2B	RGB 118 61 43	#763D2B

#888080 #857170 #826361 #7F5852 #7C4D45 #794437 #763D2B

#888080 - #7F5852 - #763D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #888080 0%, #7F5852 50%, #763D2B 100%);
    background: -webkit-linear-gradient(top, #888080 0%, #7F5852 50%, #763D2B 100%);
    background: linear-gradient(to bottom, #888080 0%, #7F5852 50%, #763D2B 100%);
}
</style>