#5C5E35 - #C6CD57 | 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 #5C5E35 to #C6CD57

#5C5E35 #C6CD57

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

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

0.0%	0.0% #5C5E35	RGB 92 94 53	#5C5E35
16.7%	16.7% #6D703A	RGB 109 112 58	#6D703A
33.3%	33.3% #7F8340	RGB 127 131 64	#7F8340
50.0%	50.0% #919546	RGB 145 149 70	#919546
66.7%	66.7% #A2A84B	RGB 162 168 75	#A2A84B
83.3%	83.3% #B4BA51	RGB 180 186 81	#B4BA51
100.0%	100.0% #C6CD57	RGB 198 205 87	#C6CD57

#5C5E35 #6D703A #7F8340 #919546 #A2A84B #B4BA51 #C6CD57

#5C5E35 - #C6CD57

HSV Blend

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

0.0%	0.0% #5C5E35	RGB 92 94 53	#5C5E35
16.7%	16.7% #6D703C	RGB 109 112 60	#6D703C
33.3%	33.3% #7F8343	RGB 127 131 67	#7F8343
50.0%	50.0% #919549	RGB 145 149 73	#919549
66.7%	66.7% #A3A84F	RGB 163 168 79	#A3A84F
83.3%	83.3% #B4BA53	RGB 180 186 83	#B4BA53
100.0%	100.0% #C6CD57	RGB 198 205 87	#C6CD57

#5C5E35 #6D703C #7F8343 #919549 #A3A84F #B4BA53 #C6CD57

#5C5E35 - #919549 - #C6CD57

CSS codes

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

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