#5E653E - #C9AF66 | 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 #5E653E to #C9AF66

#5E653E #C9AF66

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

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

0.0%	0.0% #5E653E	RGB 94 101 62	#5E653E
16.7%	16.7% #6F7144	RGB 111 113 68	#6F7144
33.3%	33.3% #817D4B	RGB 129 125 75	#817D4B
50.0%	50.0% #938A52	RGB 147 138 82	#938A52
66.7%	66.7% #A59658	RGB 165 150 88	#A59658
83.3%	83.3% #B7A25F	RGB 183 162 95	#B7A25F
100.0%	100.0% #C9AF66	RGB 201 175 102	#C9AF66

#5E653E #6F7144 #817D4B #938A52 #A59658 #B7A25F #C9AF66

#5E653E - #C9AF66

HSV Blend

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

0.0%	0.0% #5E653E	RGB 94 101 62	#5E653E
16.7%	16.7% #707546	RGB 112 117 70	#707546
33.3%	33.3% #84864D	RGB 132 134 77	#84864D
50.0%	50.0% #979454	RGB 151 148 84	#979454
66.7%	66.7% #A79E5B	RGB 167 158 91	#A79E5B
83.3%	83.3% #B8A760	RGB 184 167 96	#B8A760
100.0%	100.0% #C9AF66	RGB 201 175 102	#C9AF66

#5E653E #707546 #84864D #979454 #A79E5B #B8A760 #C9AF66

#5E653E - #979454 - #C9AF66

CSS codes

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

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