#5C5E3A - #C7CE5D | 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 #5C5E3A to #C7CE5D

#5C5E3A #C7CE5D

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

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

0.0%	0.0% #5C5E3A	RGB 92 94 58	#5C5E3A
16.7%	16.7% #6D703F	RGB 109 112 63	#6D703F
33.3%	33.3% #7F8345	RGB 127 131 69	#7F8345
50.0%	50.0% #91964B	RGB 145 150 75	#91964B
66.7%	66.7% #A3A851	RGB 163 168 81	#A3A851
83.3%	83.3% #B5BB57	RGB 181 187 87	#B5BB57
100.0%	100.0% #C7CE5D	RGB 199 206 93	#C7CE5D

#5C5E3A #6D703F #7F8345 #91964B #A3A851 #B5BB57 #C7CE5D

#5C5E3A - #C7CE5D

HSV Blend

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

0.0%	0.0% #5C5E3A	RGB 92 94 58	#5C5E3A
16.7%	16.7% #6E7042	RGB 110 112 66	#6E7042
33.3%	33.3% #808349	RGB 128 131 73	#808349
50.0%	50.0% #919650	RGB 145 150 80	#919650
66.7%	66.7% #A3A855	RGB 163 168 85	#A3A855
83.3%	83.3% #B5BB59	RGB 181 187 89	#B5BB59
100.0%	100.0% #C7CE5D	RGB 199 206 93	#C7CE5D

#5C5E3A #6E7042 #808349 #919650 #A3A855 #B5BB59 #C7CE5D

#5C5E3A - #919650 - #C7CE5D

CSS codes

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

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