#655050 - #59200C | 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 #655050 to #59200C

#655050 #59200C

Calculate the color between two colors, #655050 and #59200C. 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)

#655050 - #59200C | 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 #655050 as 0% and #59200C as 100%.

0.0%	0.0% #655050	RGB 101 80 80	#655050
16.7%	16.7% #634844	RGB 99 72 68	#634844
33.3%	33.3% #614039	RGB 97 64 57	#614039
50.0%	50.0% #5F382E	RGB 95 56 46	#5F382E
66.7%	66.7% #5D3022	RGB 93 48 34	#5D3022
83.3%	83.3% #5B2817	RGB 91 40 23	#5B2817
100.0%	100.0% #59200C	RGB 89 32 12	#59200C

#655050 #634844 #614039 #5F382E #5D3022 #5B2817 #59200C

#655050 - #59200C

HSV Blend

#655050 - #59200C | 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 #655050 as 0% and #59200C as 100%.

0.0%	0.0% #655050	RGB 101 80 80	#655050
16.7%	16.7% #634443	RGB 99 68 67	#634443
33.3%	33.3% #613B37	RGB 97 59 55	#613B37
50.0%	50.0% #5F322C	RGB 95 50 44	#5F322C
66.7%	66.7% #5D2B20	RGB 93 43 32	#5D2B20
83.3%	83.3% #5B2516	RGB 91 37 22	#5B2516
100.0%	100.0% #59200C	RGB 89 32 12	#59200C

#655050 #634443 #613B37 #5F322C #5D2B20 #5B2516 #59200C

#655050 - #5F322C - #59200C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #655050 0%, #5F322C 50%, #59200C 100%);
    background: -webkit-linear-gradient(top, #655050 0%, #5F322C 50%, #59200C 100%);
    background: linear-gradient(to bottom, #655050 0%, #5F322C 50%, #59200C 100%);
}
</style>