#383D32 - #8F9261 | 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 #383D32 to #8F9261

#383D32 #8F9261

Calculate the color between two colors, #383D32 and #8F9261. 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)

#383D32 - #8F9261 | 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 #383D32 as 0% and #8F9261 as 100%.

0.0%	0.0% #383D32	RGB 56 61 50	#383D32
16.7%	16.7% #464B39	RGB 70 75 57	#464B39
33.3%	33.3% #555941	RGB 85 89 65	#555941
50.0%	50.0% #636749	RGB 99 103 73	#636749
66.7%	66.7% #727551	RGB 114 117 81	#727551
83.3%	83.3% #808359	RGB 128 131 89	#808359
100.0%	100.0% #8F9261	RGB 143 146 97	#8F9261

#383D32 #464B39 #555941 #636749 #727551 #808359 #8F9261

#383D32 - #8F9261

HSV Blend

#383D32 - #8F9261 | 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 #383D32 as 0% and #8F9261 as 100%.

0.0%	0.0% #383D32	RGB 56 61 50	#383D32
16.7%	16.7% #454B3B	RGB 69 75 59	#454B3B
33.3%	33.3% #525944	RGB 82 89 68	#525944
50.0%	50.0% #60674C	RGB 96 103 76	#60674C
66.7%	66.7% #6F7554	RGB 111 117 84	#6F7554
83.3%	83.3% #7E835A	RGB 126 131 90	#7E835A
100.0%	100.0% #8F9261	RGB 143 146 97	#8F9261

#383D32 #454B3B #525944 #60674C #6F7554 #7E835A #8F9261

#383D32 - #60674C - #8F9261

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #383D32 0%, #60674C 50%, #8F9261 100%);
    background: -webkit-linear-gradient(top, #383D32 0%, #60674C 50%, #8F9261 100%);
    background: linear-gradient(to bottom, #383D32 0%, #60674C 50%, #8F9261 100%);
}
</style>