#565551 - #CC9F74 | 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 #565551 to #CC9F74

#565551 #CC9F74

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

#565551 - #CC9F74 | 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 #565551 as 0% and #CC9F74 as 100%.

0.0%	0.0% #565551	RGB 86 85 81	#565551
16.7%	16.7% #696156	RGB 105 97 86	#696156
33.3%	33.3% #7D6D5C	RGB 125 109 92	#7D6D5C
50.0%	50.0% #917A62	RGB 145 122 98	#917A62
66.7%	66.7% #A48668	RGB 164 134 104	#A48668
83.3%	83.3% #B8926E	RGB 184 146 110	#B8926E
100.0%	100.0% #CC9F74	RGB 204 159 116	#CC9F74

#565551 #696156 #7D6D5C #917A62 #A48668 #B8926E #CC9F74

#565551 - #CC9F74

HSV Blend

#565551 - #CC9F74 | 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 #565551 as 0% and #CC9F74 as 100%.

0.0%	0.0% #565551	RGB 86 85 81	#565551
16.7%	16.7% #69665C	RGB 105 102 92	#69665C
33.3%	33.3% #7D7666	RGB 125 118 102	#7D7666
50.0%	50.0% #91846D	RGB 145 132 109	#91846D
66.7%	66.7% #A49072	RGB 164 144 114	#A49072
83.3%	83.3% #B89974	RGB 184 153 116	#B89974
100.0%	100.0% #CC9F74	RGB 204 159 116	#CC9F74

#565551 #69665C #7D7666 #91846D #A49072 #B89974 #CC9F74

#565551 - #91846D - #CC9F74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565551 0%, #91846D 50%, #CC9F74 100%);
    background: -webkit-linear-gradient(top, #565551 0%, #91846D 50%, #CC9F74 100%);
    background: linear-gradient(to bottom, #565551 0%, #91846D 50%, #CC9F74 100%);
}
</style>