#760C0C - #360E09 | 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 #760C0C to #360E09

#760C0C #360E09

Calculate the color between two colors, #760C0C and #360E09. 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)

#760C0C - #360E09 | 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 #760C0C as 0% and #360E09 as 100%.

0.0%	0.0% #760C0C	RGB 118 12 12	#760C0C
16.7%	16.7% #6B0C0B	RGB 107 12 11	#6B0C0B
33.3%	33.3% #600C0B	RGB 96 12 11	#600C0B
50.0%	50.0% #560D0A	RGB 86 13 10	#560D0A
66.7%	66.7% #4B0D0A	RGB 75 13 10	#4B0D0A
83.3%	83.3% #400D09	RGB 64 13 9	#400D09
100.0%	100.0% #360E09	RGB 54 14 9	#360E09

#760C0C #6B0C0B #600C0B #560D0A #4B0D0A #400D09 #360E09

#760C0C - #360E09

HSV Blend

#760C0C - #360E09 | 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 #760C0C as 0% and #360E09 as 100%.

0.0%	0.0% #760C0C	RGB 118 12 12	#760C0C
16.7%	16.7% #6B0D0C	RGB 107 13 12	#6B0D0C
33.3%	33.3% #600F0B	RGB 96 15 11	#600F0B
50.0%	50.0% #560F0B	RGB 86 15 11	#560F0B
66.7%	66.7% #4B0F0A	RGB 75 15 10	#4B0F0A
83.3%	83.3% #400F0A	RGB 64 15 10	#400F0A
100.0%	100.0% #360E09	RGB 54 14 9	#360E09

#760C0C #6B0D0C #600F0B #560F0B #4B0F0A #400F0A #360E09

#760C0C - #560F0B - #360E09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #760C0C 0%, #560F0B 50%, #360E09 100%);
    background: -webkit-linear-gradient(top, #760C0C 0%, #560F0B 50%, #360E09 100%);
    background: linear-gradient(to bottom, #760C0C 0%, #560F0B 50%, #360E09 100%);
}
</style>