#5E6B4D - #CAB472 | 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 #5E6B4D to #CAB472

#5E6B4D #CAB472

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

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

0.0%	0.0% #5E6B4D	RGB 94 107 77	#5E6B4D
16.7%	16.7% #707753	RGB 112 119 83	#707753
33.3%	33.3% #828359	RGB 130 131 89	#828359
50.0%	50.0% #948F5F	RGB 148 143 95	#948F5F
66.7%	66.7% #A69B65	RGB 166 155 101	#A69B65
83.3%	83.3% #B8A76B	RGB 184 167 107	#B8A76B
100.0%	100.0% #CAB472	RGB 202 180 114	#CAB472

#5E6B4D #707753 #828359 #948F5F #A69B65 #B8A76B #CAB472

#5E6B4D - #CAB472

HSV Blend

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

0.0%	0.0% #5E6B4D	RGB 94 107 77	#5E6B4D
16.7%	16.7% #6E7A55	RGB 110 122 85	#6E7A55
33.3%	33.3% #818A5C	RGB 129 138 92	#818A5C
50.0%	50.0% #959A63	RGB 149 154 99	#959A63
66.7%	66.7% #AAA868	RGB 170 168 104	#AAA868
83.3%	83.3% #BAAF6D	RGB 186 175 109	#BAAF6D
100.0%	100.0% #CAB472	RGB 202 180 114	#CAB472

#5E6B4D #6E7A55 #818A5C #959A63 #AAA868 #BAAF6D #CAB472

#5E6B4D - #959A63 - #CAB472

CSS codes

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

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