#360D0C - #2D0806 | 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 #360D0C to #2D0806

#360D0C #2D0806

Calculate the color between two colors, #360D0C and #2D0806. 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)

#360D0C - #2D0806 | 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 #360D0C as 0% and #2D0806 as 100%.

0.0%	0.0% #360D0C	RGB 54 13 12	#360D0C
16.7%	16.7% #340C0B	RGB 52 12 11	#340C0B
33.3%	33.3% #330B0A	RGB 51 11 10	#330B0A
50.0%	50.0% #310A09	RGB 49 10 9	#310A09
66.7%	66.7% #300908	RGB 48 9 8	#300908
83.3%	83.3% #2E0807	RGB 46 8 7	#2E0807
100.0%	100.0% #2D0806	RGB 45 8 6	#2D0806

#360D0C #340C0B #330B0A #310A09 #300908 #2E0807 #2D0806

#360D0C - #2D0806

HSV Blend

#360D0C - #2D0806 | 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 #360D0C as 0% and #2D0806 as 100%.

0.0%	0.0% #360D0C	RGB 54 13 12	#360D0C
16.7%	16.7% #340C0A	RGB 52 12 10	#340C0A
33.3%	33.3% #330B09	RGB 51 11 9	#330B09
50.0%	50.0% #310A08	RGB 49 10 8	#310A08
66.7%	66.7% #300907	RGB 48 9 7	#300907
83.3%	83.3% #2E0806	RGB 46 8 6	#2E0806
100.0%	100.0% #2D0806	RGB 45 8 6	#2D0806

#360D0C #340C0A #330B09 #310A08 #300907 #2E0806 #2D0806

#360D0C - #310A08 - #2D0806

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #360D0C 0%, #310A08 50%, #2D0806 100%);
    background: -webkit-linear-gradient(top, #360D0C 0%, #310A08 50%, #2D0806 100%);
    background: linear-gradient(to bottom, #360D0C 0%, #310A08 50%, #2D0806 100%);
}
</style>