#565540 - #CE9C60 | 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 #565540 to #CE9C60

#565540 #CE9C60

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

#565540 - #CE9C60 | 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 #565540 as 0% and #CE9C60 as 100%.

0.0%	0.0% #565540	RGB 86 85 64	#565540
16.7%	16.7% #6A6045	RGB 106 96 69	#6A6045
33.3%	33.3% #7E6C4A	RGB 126 108 74	#7E6C4A
50.0%	50.0% #927850	RGB 146 120 80	#927850
66.7%	66.7% #A68455	RGB 166 132 85	#A68455
83.3%	83.3% #BA905A	RGB 186 144 90	#BA905A
100.0%	100.0% #CE9C60	RGB 206 156 96	#CE9C60

#565540 #6A6045 #7E6C4A #927850 #A68455 #BA905A #CE9C60

#565540 - #CE9C60

HSV Blend

#565540 - #CE9C60 | 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 #565540 as 0% and #CE9C60 as 100%.

0.0%	0.0% #565540	RGB 86 85 64	#565540
16.7%	16.7% #6A6649	RGB 106 102 73	#6A6649
33.3%	33.3% #7E7652	RGB 126 118 82	#7E7652
50.0%	50.0% #928358	RGB 146 131 88	#928358
66.7%	66.7% #A68E5C	RGB 166 142 92	#A68E5C
83.3%	83.3% #BA965F	RGB 186 150 95	#BA965F
100.0%	100.0% #CE9C60	RGB 206 156 96	#CE9C60

#565540 #6A6649 #7E7652 #928358 #A68E5C #BA965F #CE9C60

#565540 - #928358 - #CE9C60

CSS codes

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

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