#090800 - #382F3C | 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 #090800 to #382F3C

#090800 #382F3C

Calculate the color between two colors, #090800 and #382F3C. 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)

#090800 - #382F3C | 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 #090800 as 0% and #382F3C as 100%.

0.0%	0.0% #090800	RGB 9 8 0	#090800
16.7%	16.7% #100E0A	RGB 16 14 10	#100E0A
33.3%	33.3% #181514	RGB 24 21 20	#181514
50.0%	50.0% #201B1E	RGB 32 27 30	#201B1E
66.7%	66.7% #282228	RGB 40 34 40	#282228
83.3%	83.3% #302832	RGB 48 40 50	#302832
100.0%	100.0% #382F3C	RGB 56 47 60	#382F3C

#090800 #100E0A #181514 #201B1E #282228 #302832 #382F3C

#090800 - #382F3C

HSV Blend

#090800 - #382F3C | 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 #090800 as 0% and #382F3C as 100%.

0.0%	0.0% #090800	RGB 9 8 0	#090800
16.7%	16.7% #110A02	RGB 17 10 2	#110A02
33.3%	33.3% #1A0906	RGB 26 9 6	#1A0906
50.0%	50.0% #220D11	RGB 34 13 17	#220D11
66.7%	66.7% #2B1622	RGB 43 22 34	#2B1622
83.3%	83.3% #332132	RGB 51 33 50	#332132
100.0%	100.0% #382F3C	RGB 56 47 60	#382F3C

#090800 #110A02 #1A0906 #220D11 #2B1622 #332132 #382F3C

#090800 - #220D11 - #382F3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #090800 0%, #220D11 50%, #382F3C 100%);
    background: -webkit-linear-gradient(top, #090800 0%, #220D11 50%, #382F3C 100%);
    background: linear-gradient(to bottom, #090800 0%, #220D11 50%, #382F3C 100%);
}
</style>