#385E4D - #8F8B8D | 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 #385E4D to #8F8B8D

#385E4D #8F8B8D

Calculate the color between two colors, #385E4D and #8F8B8D. 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)

#385E4D - #8F8B8D | 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 #385E4D as 0% and #8F8B8D as 100%.

0.0%	0.0% #385E4D	RGB 56 94 77	#385E4D
16.7%	16.7% #466557	RGB 70 101 87	#466557
33.3%	33.3% #556D62	RGB 85 109 98	#556D62
50.0%	50.0% #63746D	RGB 99 116 109	#63746D
66.7%	66.7% #727C77	RGB 114 124 119	#727C77
83.3%	83.3% #808382	RGB 128 131 130	#808382
100.0%	100.0% #8F8B8D	RGB 143 139 141	#8F8B8D

#385E4D #466557 #556D62 #63746D #727C77 #808382 #8F8B8D

#385E4D - #8F8B8D

HSV Blend

#385E4D - #8F8B8D | 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 #385E4D as 0% and #8F8B8D as 100%.

0.0%	0.0% #385E4D	RGB 56 94 77	#385E4D
16.7%	16.7% #436466	RGB 67 100 102	#436466
33.3%	33.3% #4F5D6E	RGB 79 93 110	#4F5D6E
50.0%	50.0% #5D5C76	RGB 93 92 118	#5D5C76
66.7%	66.7% #756B7E	RGB 117 107 126	#756B7E
83.3%	83.3% #867A86	RGB 134 122 134	#867A86
100.0%	100.0% #8F8B8D	RGB 143 139 141	#8F8B8D

#385E4D #436466 #4F5D6E #5D5C76 #756B7E #867A86 #8F8B8D

#385E4D - #5D5C76 - #8F8B8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #385E4D 0%, #5D5C76 50%, #8F8B8D 100%);
    background: -webkit-linear-gradient(top, #385E4D 0%, #5D5C76 50%, #8F8B8D 100%);
    background: linear-gradient(to bottom, #385E4D 0%, #5D5C76 50%, #8F8B8D 100%);
}
</style>