#3D5E58 - #A89B8F | 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 #3D5E58 to #A89B8F

#3D5E58 #A89B8F

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

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

0.0%	0.0% #3D5E58	RGB 61 94 88	#3D5E58
16.7%	16.7% #4E6861	RGB 78 104 97	#4E6861
33.3%	33.3% #60726A	RGB 96 114 106	#60726A
50.0%	50.0% #727C73	RGB 114 124 115	#727C73
66.7%	66.7% #84867C	RGB 132 134 124	#84867C
83.3%	83.3% #969085	RGB 150 144 133	#969085
100.0%	100.0% #A89B8F	RGB 168 155 143	#A89B8F

#3D5E58 #4E6861 #60726A #727C73 #84867C #969085 #A89B8F

#3D5E58 - #A89B8F

HSV Blend

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

0.0%	0.0% #3D5E58	RGB 61 94 88	#3D5E58
16.7%	16.7% #486A57	RGB 72 106 87	#486A57
33.3%	33.3% #557656	RGB 85 118 86	#557656
50.0%	50.0% #6D8362	RGB 109 131 98	#6D8362
66.7%	66.7% #878F70	RGB 135 143 112	#878F70
83.3%	83.3% #9B977F	RGB 155 151 127	#9B977F
100.0%	100.0% #A89B8F	RGB 168 155 143	#A89B8F

#3D5E58 #486A57 #557656 #6D8362 #878F70 #9B977F #A89B8F

#3D5E58 - #6D8362 - #A89B8F

CSS codes

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

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