#3E585B - #A8A18C | 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 #3E585B to #A8A18C

#3E585B #A8A18C

Calculate the color between two colors, #3E585B and #A8A18C. 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)

#3E585B - #A8A18C | 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 #3E585B as 0% and #A8A18C as 100%.

0.0%	0.0% #3E585B	RGB 62 88 91	#3E585B
16.7%	16.7% #4F6463	RGB 79 100 99	#4F6463
33.3%	33.3% #61706B	RGB 97 112 107	#61706B
50.0%	50.0% #737C73	RGB 115 124 115	#737C73
66.7%	66.7% #84887B	RGB 132 136 123	#84887B
83.3%	83.3% #969483	RGB 150 148 131	#969483
100.0%	100.0% #A8A18C	RGB 168 161 140	#A8A18C

#3E585B #4F6463 #61706B #737C73 #84887B #969483 #A8A18C

#3E585B - #A8A18C

HSV Blend

#3E585B - #A8A18C | 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 #3E585B as 0% and #A8A18C as 100%.

0.0%	0.0% #3E585B	RGB 62 88 91	#3E585B
16.7%	16.7% #49675F	RGB 73 103 95	#49675F
33.3%	33.3% #55745F	RGB 85 116 95	#55745F
50.0%	50.0% #648162	RGB 100 129 98	#648162
66.7%	66.7% #7D8E6F	RGB 125 142 111	#7D8E6F
83.3%	83.3% #969B7D	RGB 150 155 125	#969B7D
100.0%	100.0% #A8A18C	RGB 168 161 140	#A8A18C

#3E585B #49675F #55745F #648162 #7D8E6F #969B7D #A8A18C

#3E585B - #648162 - #A8A18C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E585B 0%, #648162 50%, #A8A18C 100%);
    background: -webkit-linear-gradient(top, #3E585B 0%, #648162 50%, #A8A18C 100%);
    background: linear-gradient(to bottom, #3E585B 0%, #648162 50%, #A8A18C 100%);
}
</style>