#5E573D - #CBC964 | 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 #5E573D to #CBC964

#5E573D #CBC964

Calculate the color between two colors, #5E573D and #CBC964. 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)

#5E573D - #CBC964 | 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 #5E573D as 0% and #CBC964 as 100%.

0.0%	0.0% #5E573D	RGB 94 87 61	#5E573D
16.7%	16.7% #706A43	RGB 112 106 67	#706A43
33.3%	33.3% #827D4A	RGB 130 125 74	#827D4A
50.0%	50.0% #949050	RGB 148 144 80	#949050
66.7%	66.7% #A6A357	RGB 166 163 87	#A6A357
83.3%	83.3% #B8B65D	RGB 184 182 93	#B8B65D
100.0%	100.0% #CBC964	RGB 203 201 100	#CBC964

#5E573D #706A43 #827D4A #949050 #A6A357 #B8B65D #CBC964

#5E573D - #CBC964

HSV Blend

#5E573D - #CBC964 | 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 #5E573D as 0% and #CBC964 as 100%.

0.0%	0.0% #5E573D	RGB 94 87 61	#5E573D
16.7%	16.7% #706845	RGB 112 104 69	#706845
33.3%	33.3% #827A4D	RGB 130 122 77	#827A4D
50.0%	50.0% #948D54	RGB 148 141 84	#948D54
66.7%	66.7% #A6A05A	RGB 166 160 90	#A6A05A
83.3%	83.3% #B8B45F	RGB 184 180 95	#B8B45F
100.0%	100.0% #CBC964	RGB 203 201 100	#CBC964

#5E573D #706845 #827A4D #948D54 #A6A05A #B8B45F #CBC964

#5E573D - #948D54 - #CBC964

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E573D 0%, #948D54 50%, #CBC964 100%);
    background: -webkit-linear-gradient(top, #5E573D 0%, #948D54 50%, #CBC964 100%);
    background: linear-gradient(to bottom, #5E573D 0%, #948D54 50%, #CBC964 100%);
}
</style>