#5E5128 - #C9AA48 | 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 #5E5128 to #C9AA48

#5E5128 #C9AA48

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

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

0.0%	0.0% #5E5128	RGB 94 81 40	#5E5128
16.7%	16.7% #6F5F2D	RGB 111 95 45	#6F5F2D
33.3%	33.3% #816E32	RGB 129 110 50	#816E32
50.0%	50.0% #937D38	RGB 147 125 56	#937D38
66.7%	66.7% #A58C3D	RGB 165 140 61	#A58C3D
83.3%	83.3% #B79B42	RGB 183 155 66	#B79B42
100.0%	100.0% #C9AA48	RGB 201 170 72	#C9AA48

#5E5128 #6F5F2D #816E32 #937D38 #A58C3D #B79B42 #C9AA48

#5E5128 - #C9AA48

HSV Blend

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

0.0%	0.0% #5E5128	RGB 94 81 40	#5E5128
16.7%	16.7% #6F602E	RGB 111 96 46	#6F602E
33.3%	33.3% #816F34	RGB 129 111 52	#816F34
50.0%	50.0% #937D39	RGB 147 125 57	#937D39
66.7%	66.7% #A58C3E	RGB 165 140 62	#A58C3E
83.3%	83.3% #B79B43	RGB 183 155 67	#B79B43
100.0%	100.0% #C9AA48	RGB 201 170 72	#C9AA48

#5E5128 #6F602E #816F34 #937D39 #A58C3E #B79B43 #C9AA48

#5E5128 - #937D39 - #C9AA48

CSS codes

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

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