#8C5E69 - #552022 | 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 #8C5E69 to #552022

#8C5E69 #552022

Calculate the color between two colors, #8C5E69 and #552022. 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)

#8C5E69 - #552022 | 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 #8C5E69 as 0% and #552022 as 100%.

0.0%	0.0% #8C5E69	RGB 140 94 105	#8C5E69
16.7%	16.7% #82535D	RGB 130 83 93	#82535D
33.3%	33.3% #794951	RGB 121 73 81	#794951
50.0%	50.0% #703F45	RGB 112 63 69	#703F45
66.7%	66.7% #673439	RGB 103 52 57	#673439
83.3%	83.3% #5E2A2D	RGB 94 42 45	#5E2A2D
100.0%	100.0% #552022	RGB 85 32 34	#552022

#8C5E69 #82535D #794951 #703F45 #673439 #5E2A2D #552022

#8C5E69 - #552022

HSV Blend

#8C5E69 - #552022 | 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 #8C5E69 as 0% and #552022 as 100%.

0.0%	0.0% #8C5E69	RGB 140 94 105	#8C5E69
16.7%	16.7% #82515B	RGB 130 81 91	#82515B
33.3%	33.3% #79454E	RGB 121 69 78	#79454E
50.0%	50.0% #703A42	RGB 112 58 66	#703A42
66.7%	66.7% #673136	RGB 103 49 54	#673136
83.3%	83.3% #5E282B	RGB 94 40 43	#5E282B
100.0%	100.0% #552022	RGB 85 32 34	#552022

#8C5E69 #82515B #79454E #703A42 #673136 #5E282B #552022

#8C5E69 - #703A42 - #552022

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E69 0%, #703A42 50%, #552022 100%);
    background: -webkit-linear-gradient(top, #8C5E69 0%, #703A42 50%, #552022 100%);
    background: linear-gradient(to bottom, #8C5E69 0%, #703A42 50%, #552022 100%);
}
</style>