#760404 - #300D0C | 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 #760404 to #300D0C

#760404 #300D0C

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

#760404 - #300D0C | 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 #760404 as 0% and #300D0C as 100%.

0.0%	0.0% #760404	RGB 118 4 4	#760404
16.7%	16.7% #6A0505	RGB 106 5 5	#6A0505
33.3%	33.3% #5E0706	RGB 94 7 6	#5E0706
50.0%	50.0% #530808	RGB 83 8 8	#530808
66.7%	66.7% #470A09	RGB 71 10 9	#470A09
83.3%	83.3% #3B0B0A	RGB 59 11 10	#3B0B0A
100.0%	100.0% #300D0C	RGB 48 13 12	#300D0C

#760404 #6A0505 #5E0706 #530808 #470A09 #3B0B0A #300D0C

#760404 - #300D0C

HSV Blend

#760404 - #300D0C | 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 #760404 as 0% and #300D0C as 100%.

0.0%	0.0% #760303	RGB 118 3 3	#760303
16.7%	16.7% #6A0707	RGB 106 7 7	#6A0707
33.3%	33.3% #5E0A0A	RGB 94 10 10	#5E0A0A
50.0%	50.0% #530C0B	RGB 83 12 11	#530C0B
66.7%	66.7% #470D0C	RGB 71 13 12	#470D0C
83.3%	83.3% #3B0D0C	RGB 59 13 12	#3B0D0C
100.0%	100.0% #300D0C	RGB 48 13 12	#300D0C

#760303 #6A0707 #5E0A0A #530C0B #470D0C #3B0D0C #300D0C

#760404 - #530C0B - #300D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #760303 0%, #530C0B 50%, #300D0C 100%);
    background: -webkit-linear-gradient(top, #760303 0%, #530C0B 50%, #300D0C 100%);
    background: linear-gradient(to bottom, #760303 0%, #530C0B 50%, #300D0C 100%);
}
</style>