#385256 - #9F9B89 | 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 #385256 to #9F9B89

#385256 #9F9B89

Calculate the color between two colors, #385256 and #9F9B89. 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)

#385256 - #9F9B89 | 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 #385256 as 0% and #9F9B89 as 100%.

0.0%	0.0% #385256	RGB 56 82 86	#385256
16.7%	16.7% #495E5E	RGB 73 94 94	#495E5E
33.3%	33.3% #5A6A67	RGB 90 106 103	#5A6A67
50.0%	50.0% #6B766F	RGB 107 118 111	#6B766F
66.7%	66.7% #7C8278	RGB 124 130 120	#7C8278
83.3%	83.3% #8D8E80	RGB 141 142 128	#8D8E80
100.0%	100.0% #9F9B89	RGB 159 155 137	#9F9B89

#385256 #495E5E #5A6A67 #6B766F #7C8278 #8D8E80 #9F9B89

#385256 - #9F9B89

HSV Blend

#385256 - #9F9B89 | 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 #385256 as 0% and #9F9B89 as 100%.

0.0%	0.0% #385256	RGB 56 82 86	#385256
16.7%	16.7% #43625A	RGB 67 98 90	#43625A
33.3%	33.3% #4F6E5A	RGB 79 110 90	#4F6E5A
50.0%	50.0% #5D7A5C	RGB 93 122 92	#5D7A5C
66.7%	66.7% #76866A	RGB 118 134 106	#76866A
83.3%	83.3% #8D9279	RGB 141 146 121	#8D9279
100.0%	100.0% #9F9B89	RGB 159 155 137	#9F9B89

#385256 #43625A #4F6E5A #5D7A5C #76866A #8D9279 #9F9B89

#385256 - #5D7A5C - #9F9B89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #385256 0%, #5D7A5C 50%, #9F9B89 100%);
    background: -webkit-linear-gradient(top, #385256 0%, #5D7A5C 50%, #9F9B89 100%);
    background: linear-gradient(to bottom, #385256 0%, #5D7A5C 50%, #9F9B89 100%);
}
</style>