#5D5E25 - #C0C644 | 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 #5D5E25 to #C0C644

#5D5E25 #C0C644

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

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

0.0%	0.0% #5D5E25	RGB 93 94 37	#5D5E25
16.7%	16.7% #6D6F2A	RGB 109 111 42	#6D6F2A
33.3%	33.3% #7E802F	RGB 126 128 47	#7E802F
50.0%	50.0% #8E9234	RGB 142 146 52	#8E9234
66.7%	66.7% #9FA339	RGB 159 163 57	#9FA339
83.3%	83.3% #AFB43E	RGB 175 180 62	#AFB43E
100.0%	100.0% #C0C644	RGB 192 198 68	#C0C644

#5D5E25 #6D6F2A #7E802F #8E9234 #9FA339 #AFB43E #C0C644

#5D5E25 - #C0C644

HSV Blend

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

0.0%	0.0% #5D5E25	RGB 93 94 37	#5D5E25
16.7%	16.7% #6D6F2A	RGB 109 111 42	#6D6F2A
33.3%	33.3% #7E8030	RGB 126 128 48	#7E8030
50.0%	50.0% #8F9235	RGB 143 146 53	#8F9235
66.7%	66.7% #9FA33A	RGB 159 163 58	#9FA33A
83.3%	83.3% #AFB43F	RGB 175 180 63	#AFB43F
100.0%	100.0% #C0C644	RGB 192 198 68	#C0C644

#5D5E25 #6D6F2A #7E8030 #8F9235 #9FA33A #AFB43F #C0C644

#5D5E25 - #8F9235 - #C0C644

CSS codes

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

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