#5E654E - #C5AF74 | 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 #5E654E to #C5AF74

#5E654E #C5AF74

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

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

0.0%	0.0% #5E654E	RGB 94 101 78	#5E654E
16.7%	16.7% #6F7154	RGB 111 113 84	#6F7154
33.3%	33.3% #807D5A	RGB 128 125 90	#807D5A
50.0%	50.0% #918A61	RGB 145 138 97	#918A61
66.7%	66.7% #A29667	RGB 162 150 103	#A29667
83.3%	83.3% #B3A26D	RGB 179 162 109	#B3A26D
100.0%	100.0% #C5AF74	RGB 197 175 116	#C5AF74

#5E654E #6F7154 #807D5A #918A61 #A29667 #B3A26D #C5AF74

#5E654E - #C5AF74

HSV Blend

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

0.0%	0.0% #5E654E	RGB 94 101 78	#5E654E
16.7%	16.7% #6E7556	RGB 110 117 86	#6E7556
33.3%	33.3% #80855E	RGB 128 133 94	#80855E
50.0%	50.0% #949565	RGB 148 149 101	#949565
66.7%	66.7% #A5A06B	RGB 165 160 107	#A5A06B
83.3%	83.3% #B5A870	RGB 181 168 112	#B5A870
100.0%	100.0% #C5AF74	RGB 197 175 116	#C5AF74

#5E654E #6E7556 #80855E #949565 #A5A06B #B5A870 #C5AF74

#5E654E - #949565 - #C5AF74

CSS codes

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

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