#5D5E2D - #C3C94F | 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 #5D5E2D to #C3C94F

#5D5E2D #C3C94F

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

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

0.0%	0.0% #5D5E2D	RGB 93 94 45	#5D5E2D
16.7%	16.7% #6E6F32	RGB 110 111 50	#6E6F32
33.3%	33.3% #7F8138	RGB 127 129 56	#7F8138
50.0%	50.0% #90933E	RGB 144 147 62	#90933E
66.7%	66.7% #A1A543	RGB 161 165 67	#A1A543
83.3%	83.3% #B2B749	RGB 178 183 73	#B2B749
100.0%	100.0% #C3C94F	RGB 195 201 79	#C3C94F

#5D5E2D #6E6F32 #7F8138 #90933E #A1A543 #B2B749 #C3C94F

#5D5E2D - #C3C94F

HSV Blend

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

0.0%	0.0% #5D5E2D	RGB 93 94 45	#5D5E2D
16.7%	16.7% #6E6F33	RGB 110 111 51	#6E6F33
33.3%	33.3% #7F813A	RGB 127 129 58	#7F813A
50.0%	50.0% #909340	RGB 144 147 64	#909340
66.7%	66.7% #A1A545	RGB 161 165 69	#A1A545
83.3%	83.3% #B2B74A	RGB 178 183 74	#B2B74A
100.0%	100.0% #C3C94F	RGB 195 201 79	#C3C94F

#5D5E2D #6E6F33 #7F813A #909340 #A1A545 #B2B74A #C3C94F

#5D5E2D - #909340 - #C3C94F

CSS codes

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

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