#313023 - #8F814E | 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 #313023 to #8F814E

#313023 #8F814E

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

#313023 - #8F814E | 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 #313023 as 0% and #8F814E as 100%.

0.0%	0.0% #313023	RGB 49 48 35	#313023
16.7%	16.7% #403D2A	RGB 64 61 42	#403D2A
33.3%	33.3% #504B31	RGB 80 75 49	#504B31
50.0%	50.0% #605838	RGB 96 88 56	#605838
66.7%	66.7% #6F663F	RGB 111 102 63	#6F663F
83.3%	83.3% #7F7346	RGB 127 115 70	#7F7346
100.0%	100.0% #8F814E	RGB 143 129 78	#8F814E

#313023 #403D2A #504B31 #605838 #6F663F #7F7346 #8F814E

#313023 - #8F814E

HSV Blend

#313023 - #8F814E | 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 #313023 as 0% and #8F814E as 100%.

0.0%	0.0% #313023	RGB 49 48 35	#313023
16.7%	16.7% #403E2C	RGB 64 62 44	#403E2C
33.3%	33.3% #504D34	RGB 80 77 52	#504D34
50.0%	50.0% #605A3C	RGB 96 90 60	#605A3C
66.7%	66.7% #6F6843	RGB 111 104 67	#6F6843
83.3%	83.3% #7F7449	RGB 127 116 73	#7F7449
100.0%	100.0% #8F814E	RGB 143 129 78	#8F814E

#313023 #403E2C #504D34 #605A3C #6F6843 #7F7449 #8F814E

#313023 - #605A3C - #8F814E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #313023 0%, #605A3C 50%, #8F814E 100%);
    background: -webkit-linear-gradient(top, #313023 0%, #605A3C 50%, #8F814E 100%);
    background: linear-gradient(to bottom, #313023 0%, #605A3C 50%, #8F814E 100%);
}
</style>