#08060B - #50332E | 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 #08060B to #50332E

#08060B #50332E

Calculate the color between two colors, #08060B and #50332E. 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)

#08060B - #50332E | 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 #08060B as 0% and #50332E as 100%.

0.0%	0.0% #08060B	RGB 8 6 11	#08060B
16.7%	16.7% #140D10	RGB 20 13 16	#140D10
33.3%	33.3% #201516	RGB 32 21 22	#201516
50.0%	50.0% #2C1C1C	RGB 44 28 28	#2C1C1C
66.7%	66.7% #382422	RGB 56 36 34	#382422
83.3%	83.3% #442B28	RGB 68 43 40	#442B28
100.0%	100.0% #50332E	RGB 80 51 46	#50332E

#08060B #140D10 #201516 #2C1C1C #382422 #442B28 #50332E

#08060B - #50332E

HSV Blend

#08060B - #50332E | 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 #08060B as 0% and #50332E as 100%.

0.0%	0.0% #08060B	RGB 8 6 11	#08060B
16.7%	16.7% #130C16	RGB 19 12 22	#130C16
33.3%	33.3% #211222	RGB 33 18 34	#211222
50.0%	50.0% #2D1928	RGB 45 25 40	#2D1928
66.7%	66.7% #39202B	RGB 57 32 43	#39202B
83.3%	83.3% #44272B	RGB 68 39 43	#44272B
100.0%	100.0% #50332E	RGB 80 51 46	#50332E

#08060B #130C16 #211222 #2D1928 #39202B #44272B #50332E

#08060B - #2D1928 - #50332E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08060B 0%, #2D1928 50%, #50332E 100%);
    background: -webkit-linear-gradient(top, #08060B 0%, #2D1928 50%, #50332E 100%);
    background: linear-gradient(to bottom, #08060B 0%, #2D1928 50%, #50332E 100%);
}
</style>