#5E6F50 - #CCB873 | 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 #5E6F50 to #CCB873

#5E6F50 #CCB873

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

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

0.0%	0.0% #5E6F50	RGB 94 111 80	#5E6F50
16.7%	16.7% #707B55	RGB 112 123 85	#707B55
33.3%	33.3% #82875B	RGB 130 135 91	#82875B
50.0%	50.0% #959361	RGB 149 147 97	#959361
66.7%	66.7% #A79F67	RGB 167 159 103	#A79F67
83.3%	83.3% #B9AB6D	RGB 185 171 109	#B9AB6D
100.0%	100.0% #CCB873	RGB 204 184 115	#CCB873

#5E6F50 #707B55 #82875B #959361 #A79F67 #B9AB6D #CCB873

#5E6F50 - #CCB873

HSV Blend

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

0.0%	0.0% #5E6F50	RGB 94 111 80	#5E6F50
16.7%	16.7% #6E7E57	RGB 110 126 87	#6E7E57
33.3%	33.3% #808E5E	RGB 128 142 94	#808E5E
50.0%	50.0% #949D65	RGB 148 157 101	#949D65
66.7%	66.7% #AAAD6A	RGB 170 173 106	#AAAD6A
83.3%	83.3% #BCB56F	RGB 188 181 111	#BCB56F
100.0%	100.0% #CCB873	RGB 204 184 115	#CCB873

#5E6F50 #6E7E57 #808E5E #949D65 #AAAD6A #BCB56F #CCB873

#5E6F50 - #949D65 - #CCB873

CSS codes

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

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