#5C5E3C - #C8CF60 | 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 #5C5E3C to #C8CF60

#5C5E3C #C8CF60

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

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #6E7042	RGB 110 112 66	#6E7042
33.3%	33.3% #808348	RGB 128 131 72	#808348
50.0%	50.0% #92964E	RGB 146 150 78	#92964E
66.7%	66.7% #A4A954	RGB 164 169 84	#A4A954
83.3%	83.3% #B6BC5A	RGB 182 188 90	#B6BC5A
100.0%	100.0% #C8CF60	RGB 200 207 96	#C8CF60

#5C5E3C #6E7042 #808348 #92964E #A4A954 #B6BC5A #C8CF60

#5C5E3C - #C8CF60

HSV Blend

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #6E7044	RGB 110 112 68	#6E7044
33.3%	33.3% #80834C	RGB 128 131 76	#80834C
50.0%	50.0% #929652	RGB 146 150 82	#929652
66.7%	66.7% #A4A958	RGB 164 169 88	#A4A958
83.3%	83.3% #B6BC5C	RGB 182 188 92	#B6BC5C
100.0%	100.0% #C8CF60	RGB 200 207 96	#C8CF60

#5C5E3C #6E7044 #80834C #929652 #A4A958 #B6BC5C #C8CF60

#5C5E3C - #929652 - #C8CF60

CSS codes

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

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