#08070C - #533732 | 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 #08070C to #533732

#08070C #533732

Calculate the color between two colors, #08070C and #533732. 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)

#08070C - #533732 | 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 #08070C as 0% and #533732 as 100%.

0.0%	0.0% #08070C	RGB 8 7 12	#08070C
16.7%	16.7% #140F12	RGB 20 15 18	#140F12
33.3%	33.3% #211718	RGB 33 23 24	#211718
50.0%	50.0% #2D1F1F	RGB 45 31 31	#2D1F1F
66.7%	66.7% #3A2725	RGB 58 39 37	#3A2725
83.3%	83.3% #462F2B	RGB 70 47 43	#462F2B
100.0%	100.0% #533732	RGB 83 55 50	#533732

#08070C #140F12 #211718 #2D1F1F #3A2725 #462F2B #533732

#08070C - #533732

HSV Blend

#08070C - #533732 | 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 #08070C as 0% and #533732 as 100%.

0.0%	0.0% #08070C	RGB 8 7 12	#08070C
16.7%	16.7% #130D17	RGB 19 13 23	#130D17
33.3%	33.3% #211523	RGB 33 21 35	#211523
50.0%	50.0% #2F1C2C	RGB 47 28 44	#2F1C2C
66.7%	66.7% #3B232F	RGB 59 35 47	#3B232F
83.3%	83.3% #472A2F	RGB 71 42 47	#472A2F
100.0%	100.0% #533732	RGB 83 55 50	#533732

#08070C #130D17 #211523 #2F1C2C #3B232F #472A2F #533732

#08070C - #2F1C2C - #533732

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08070C 0%, #2F1C2C 50%, #533732 100%);
    background: -webkit-linear-gradient(top, #08070C 0%, #2F1C2C 50%, #533732 100%);
    background: linear-gradient(to bottom, #08070C 0%, #2F1C2C 50%, #533732 100%);
}
</style>