#301010 - #300804 | 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 #301010 to #300804

#301010 #300804

Calculate the color between two colors, #301010 and #300804. 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)

#301010 - #300804 | 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 #301010 as 0% and #300804 as 100%.

0.0%	0.0% #301010	RGB 48 16 16	#301010
16.7%	16.7% #300E0E	RGB 48 14 14	#300E0E
33.3%	33.3% #300D0C	RGB 48 13 12	#300D0C
50.0%	50.0% #300C0A	RGB 48 12 10	#300C0A
66.7%	66.7% #300A08	RGB 48 10 8	#300A08
83.3%	83.3% #300906	RGB 48 9 6	#300906
100.0%	100.0% #300804	RGB 48 8 4	#300804

#301010 #300E0E #300D0C #300C0A #300A08 #300906 #300804

#301010 - #300804

HSV Blend

#301010 - #300804 | 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 #301010 as 0% and #300804 as 100%.

0.0%	0.0% #301010	RGB 48 16 16	#301010
16.7%	16.7% #300E0D	RGB 48 14 13	#300E0D
33.3%	33.3% #300D0C	RGB 48 13 12	#300D0C
50.0%	50.0% #300B0A	RGB 48 11 10	#300B0A
66.7%	66.7% #300A07	RGB 48 10 7	#300A07
83.3%	83.3% #300906	RGB 48 9 6	#300906
100.0%	100.0% #300804	RGB 48 8 4	#300804

#301010 #300E0D #300D0C #300B0A #300A07 #300906 #300804

#301010 - #300B0A - #300804

CSS codes

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

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