#655B5E - #422119 | 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 #655B5E to #422119

#655B5E #422119

Calculate the color between two colors, #655B5E and #422119. 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)

#655B5E - #422119 | 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 #655B5E as 0% and #422119 as 100%.

0.0%	0.0% #655B5E	RGB 101 91 94	#655B5E
16.7%	16.7% #5F5152	RGB 95 81 82	#5F5152
33.3%	33.3% #594747	RGB 89 71 71	#594747
50.0%	50.0% #533E3B	RGB 83 62 59	#533E3B
66.7%	66.7% #4D3430	RGB 77 52 48	#4D3430
83.3%	83.3% #472A24	RGB 71 42 36	#472A24
100.0%	100.0% #422119	RGB 66 33 25	#422119

#655B5E #5F5152 #594747 #533E3B #4D3430 #472A24 #422119

#655B5E - #422119

HSV Blend

#655B5E - #422119 | 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 #655B5E as 0% and #422119 as 100%.

0.0%	0.0% #655B5E	RGB 101 91 94	#655B5E
16.7%	16.7% #5F4D51	RGB 95 77 81	#5F4D51
33.3%	33.3% #594044	RGB 89 64 68	#594044
50.0%	50.0% #533537	RGB 83 53 55	#533537
66.7%	66.7% #4D2B2A	RGB 77 43 42	#4D2B2A
83.3%	83.3% #472521	RGB 71 37 33	#472521
100.0%	100.0% #422119	RGB 66 33 25	#422119

#655B5E #5F4D51 #594044 #533537 #4D2B2A #472521 #422119

#655B5E - #533537 - #422119

CSS codes

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

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