#565552 - #CC9F76 | 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 #565552 to #CC9F76

#565552 #CC9F76

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

#565552 - #CC9F76 | 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 #565552 as 0% and #CC9F76 as 100%.

0.0%	0.0% #565552	RGB 86 85 82	#565552
16.7%	16.7% #696158	RGB 105 97 88	#696158
33.3%	33.3% #7D6D5E	RGB 125 109 94	#7D6D5E
50.0%	50.0% #917A64	RGB 145 122 100	#917A64
66.7%	66.7% #A4866A	RGB 164 134 106	#A4866A
83.3%	83.3% #B89270	RGB 184 146 112	#B89270
100.0%	100.0% #CC9F76	RGB 204 159 118	#CC9F76

#565552 #696158 #7D6D5E #917A64 #A4866A #B89270 #CC9F76

#565552 - #CC9F76

HSV Blend

#565552 - #CC9F76 | 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 #565552 as 0% and #CC9F76 as 100%.

0.0%	0.0% #565552	RGB 86 85 82	#565552
16.7%	16.7% #69665E	RGB 105 102 94	#69665E
33.3%	33.3% #7D7667	RGB 125 118 103	#7D7667
50.0%	50.0% #91836F	RGB 145 131 111	#91836F
66.7%	66.7% #A48F73	RGB 164 143 115	#A48F73
83.3%	83.3% #B89876	RGB 184 152 118	#B89876
100.0%	100.0% #CC9F76	RGB 204 159 118	#CC9F76

#565552 #69665E #7D7667 #91836F #A48F73 #B89876 #CC9F76

#565552 - #91836F - #CC9F76

CSS codes

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

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