#3D5A5E - #A8A38F | 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 #3D5A5E to #A8A38F

#3D5A5E #A8A38F

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

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

0.0%	0.0% #3D5A5E	RGB 61 90 94	#3D5A5E
16.7%	16.7% #4E6666	RGB 78 102 102	#4E6666
33.3%	33.3% #60726E	RGB 96 114 110	#60726E
50.0%	50.0% #727E76	RGB 114 126 118	#727E76
66.7%	66.7% #848A7E	RGB 132 138 126	#848A7E
83.3%	83.3% #969686	RGB 150 150 134	#969686
100.0%	100.0% #A8A38F	RGB 168 163 143	#A8A38F

#3D5A5E #4E6666 #60726E #727E76 #848A7E #969686 #A8A38F

#3D5A5E - #A8A38F

HSV Blend

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

0.0%	0.0% #3D595E	RGB 61 89 94	#3D595E
16.7%	16.7% #486A61	RGB 72 106 97	#486A61
33.3%	33.3% #557660	RGB 85 118 96	#557660
50.0%	50.0% #638362	RGB 99 131 98	#638362
66.7%	66.7% #7D8F70	RGB 125 143 112	#7D8F70
83.3%	83.3% #969B7F	RGB 150 155 127	#969B7F
100.0%	100.0% #A8A38F	RGB 168 163 143	#A8A38F

#3D595E #486A61 #557660 #638362 #7D8F70 #969B7F #A8A38F

#3D5A5E - #638362 - #A8A38F

CSS codes

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

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