#565540 - #CEA260 | 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 #CEA260

#565540 #CEA260

Calculate the color between two colors, #565540 and #CEA260. 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 - #CEA260 | 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 #CEA260 as 100%.

0.0%	0.0% #565540	RGB 86 85 64	#565540
16.7%	16.7% #6A6145	RGB 106 97 69	#6A6145
33.3%	33.3% #7E6E4A	RGB 126 110 74	#7E6E4A
50.0%	50.0% #927B50	RGB 146 123 80	#927B50
66.7%	66.7% #A68855	RGB 166 136 85	#A68855
83.3%	83.3% #BA955A	RGB 186 149 90	#BA955A
100.0%	100.0% #CEA260	RGB 206 162 96	#CEA260

#565540 #6A6145 #7E6E4A #927B50 #A68855 #BA955A #CEA260

#565540 - #CEA260

HSV Blend

#565540 - #CEA260 | 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 #CEA260 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% #928558	RGB 146 133 88	#928558
66.7%	66.7% #A6915C	RGB 166 145 92	#A6915C
83.3%	83.3% #BA9B5F	RGB 186 155 95	#BA9B5F
100.0%	100.0% #CEA260	RGB 206 162 96	#CEA260

#565540 #6A6649 #7E7652 #928558 #A6915C #BA9B5F #CEA260

#565540 - #928558 - #CEA260

CSS codes

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

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